Pinned

Index of My Articles

Keep updating. — Why Proxies in JavaScript are fantastic Writing High Order Functions for General Process Like a Senior JavaScript Developer A React Hooks Challenge for Senior React Developers 3 Useful Design Patterns I Use Frequently Write More Reusable Code by Properly Encapsulate Functions The Execution Order of Asynchronous Functions in the Event…

Bytefish

1 min read

Published in Frontend Canteen

·5 days ago

7 React Better Practices with Code Snippets

From real code reviews — Since React is a flexible library, it didn’t have any opinions. You can finish a goal with different approaches. Although it is said that all roads lead to Rome, some roads will be easier and safer, and some roads will be more rugged. While conducting code review at my company…

React

2 min read

Published in Frontend Canteen

·6 days ago

A Summary of React by 10+ Code Snippets

Create React App $ create-react-app YOUR_APP_NAME Create React App is a CLI for creating React projects. JSX const element = <h1>Hello, world!</h1>; We can write HTML in JavaScript by JSX. Embedding Expressions in JSX const name = 'Josh Perez'; const element = <h1>Hello, {name}</h1>; Just use {} to wrap JavaScript expressions. Create a Component It is a simple, stateless, functional…

React

1 min read

A Summary of React by 10+ Code Snippets

Create React App

$ create-react-app YOUR_APP_NAME

Create React App is a CLI for creating React projects.

JSX

const element = <h1>Hello, world!</h1>;

We can write HTML in JavaScript by JSX.

Embedding Expressions in JSX

const name = 'Josh Perez';const element = <h1>Hello, {name}</h1>;

Just use {} to wrap JavaScript expressions.

Create a Component

It is a simple, stateless, functional…

Published in Frontend Canteen

·Aug 9

30+ Classic Programming Quotes You Should Bookmark

And what I learned from them. — Any fool can write code that a computer can understand. Good programmers write code that humans can understand. — Martin Fowler Measuring programming progress by lines of code is like measuring aircraft building progress by weight. — Bill Gates First, solve the problem. Then, write the code. — John Johnson …

Programming

4 min read

Published in Frontend Canteen

·Aug 5

From A Dropout to A Core Contributor to Deno, Here’s The Story of My 10-year Programming Career

An inspirational story from justjavac. — He couldn’t get a diploma in college because he couldn’t afford the tuition. During the hardest of times, he could only sleep on a park bench. The visionary mother put him on the road of programming, and the gentle and wise wife inspired him with love and trust to stick…

Programming

12 min read

Published in Frontend Canteen

·Aug 1

4 Sad Truths as a Programmer I Realized After Coding 10 Years

1. This industry is ruled by those who are good at dealing with people, not those who are good at dealing with computers. Having more meetings will make it easier to get a promotion than writing more code. 2. Most of our work is invisible. One of my cousins was…

Programming

2 min read

4 Sad Truths as a Programmer I Realized After Coding 10 Years

Published in Frontend Canteen

·Jul 31

You Can Understand Git & Git Commands with These Diagrams

Basic Commands init git init Creates a new empty repo in your current directory. clone git clone https://github.com/facebook/react.git Copies a remote repository into your current directory. add The git add command adds new or changed files in your working directory to the Git staging area. git add <file1> <file2> Adds <file1> and <file2> to the…

Git

3 min read

You Can Understand Git & Git Commands with These Diagrams

Published in Frontend Canteen

·Jul 30

20+ Useful JavaScript Libraries You Can Import to Your Project Now

Improve productivity and get off work earlier. — Utility Functions lodash Lodash is a JavaScript library which provides utility functions for common programming tasks. It uses functional programming paradigm. Example: https://github.com/lodash/lodash underscore Underscore.js is a utility-belt library for JavaScript that provides support for the usual functional suspects (each, map, reduce, filter…) without extending any core JavaScript objects.

Java Script

4 min read

Published in Frontend Canteen

·Jul 29

How Do You Structure Your React Project’s Folder?

Here is my experience. — React doesn’t enforce how you put files into folders, they leave it entirely up to you how you want to do this structuring. But it also makes us hard to make choices. In this article, I will share how I structure folders. Note: there isn’t a right way to organize…

React

3 min read

Published in JavaScript in Plain English

·Jul 25

Top 10 Awesome TypeScript Projects to Make Your Eyes Shine

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale. In what follows, I will introduce ten TypeScript projects that make your eyes shine. AVA 🤖 A framework for automated visual analytics. https://github.com/antvis/AVA AVA is a framework for more convenient visual analytics. The…

Typescript

7 min read