In this video, Emmanuel Henri introduces the three tools he uses on all his projects to follow best practices. He then moves on to explore ESLint along with providing a few resources for linting.
- [Instructor] There are some standards…and best practices to follow…when working with a framework like React.…You need to follow syntax best practices…and you can get this through a linter such as ESLint.…You also need to do type checking to prevent…passing the wrong type of data to your application,…and we'll implement this by using a tool built…by the Facebook team called Flow.…So in this video, we'll start by looking at ESLint,…which is already implemented when you first…create a React application using…the Create React App CLI tool.…
And when we copy the dependencies in setup,…we basically implemented ESLint automatically.…So let's take a look at it.…So the first sign that ESLint is properly setup,…if you open the integrated terminal,…you'll see that we already get some warnings…because data is defined but never used,…and this is all ESLint screaming…at you with warnings do not use this.…And really cool thing about React is that…it gives you the actual rule…that is referenced towards this particular error here.…
Released
10/10/2017- Creating a new React project
- Installing and working with React Developer Tools
- Dissecting a project into components
- Setting up the state with static data
- Adding and finalizing CSS in components
- Setting up and leveraging Firebase
- Standard code best practices
- Installing and setting up Flow for type checking
Share this video
Embed this video
Video: Set up standard code practice