Course Overview: Modern JavaScript Tooling with React
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.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!