Course Overview: Modern JavaScript Tooling with React

Andy Van Slaars
InstructorAndy Van Slaars

Share this video with your friends

Send Tweet
Published 3 years ago
Updated 3 years ago

In this course, we'll start with an empty directory and build up a starter project for building a React application.

Along the way, we'll work with webpack and babel to transform, code-split, and bundle our code. We'll create npm scripts to execute commands and work with git and GitHub to track changes and share our code in public. We'll build quality into our project with Jest for unit testing and ESLint for static analysis. We'll configure Prettier for formatting and then enforce all these quality checks before commit with git hooks. We'll even incorporate some accessibility checks and enforce some best practices in React with react-axe, React's StrictMode and a default ErrorBoundary component.

Whether you end up using the resulting project to start new projects of your own, or you continue to use great community tools like Create React App, you'll leave this course understanding the underlying tools and how they work together.

Instructor: [00:00] In this course we'll start with an empty directory and build up a starter project for building a React application. Along the way, we'll work with Webpack and Babel to transform, code split, and bundle our code. We'll create NPM scripts to execute commands and work with Git and Github to track changes and share our code in public.

[00:17] We'll build quality into our project with Jest for unit test and ESLint for static analysis. We'll configure Prettier for formatting. Then enforce all of these quality checks before commit with Git hooks. We'll even incorporate some accessibility checks and enforce some best practices in React with React X, React strict mode, and a default error boundary component.

[00:38] Whether you end up using the resulting project to start new projects of your own or you continue to use great community tools like Create React App, you'll leave this course understanding the underlying tools and how they work together.