1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Course Overview: Modern JavaScript Tooling with React

    Andy Van SlaarsAndy Van Slaars
    webpackwebpack

    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.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss

    Transcript

    Transcript

    Instructor: 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 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.

    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.