illustration for Modern JavaScript Tooling with React

Modern JavaScript Tooling with React

Instructor

Andy Van Slaars
2h 26m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.8
605
people completed
Bookmark
Download
RSS

Building an application with React typically involves several tools. Whether you configure these on your own or use a tool meant to save you from the configuration like Create React App, the tools are still there. When you come up against a situation where you need to start from scratch or make changes to a webpack or babel configuration, it helps to understand what each tool does, how they fit together, and how they are configured.

In this course, we’ll start from an empty directory and by the end, we will have configured a slim but powerful boilerplate project. Along the way, we’ll touch on each of the major tools and build up to the final setup to gain an understanding of each tool’s purpose and how they all work together to help you build and deliver an application.

Credits

Alexander Yaremchuk (illustration)

Learner Reviews

  • Luis Garcia
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    The way Andy explains concepts is clear and it has a good pace. I understood why we add some plugins / packages to an application configured with Webpack and I'm really happy that the Framework used was React since that what I use on a daily basis.

  • Gonzalo Betancourt
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    His explanation of the core parts of the tools needed for a react app is just so easy to understand that this course is for everyone trying to understand how to start building react apps like a pro

  • Maxym
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This is superb course 10/10, thank you very much )

  • Bernardo Aguayo Ortega
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    To know all that useful dependencies to develop with react

  • Segun Konibire
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    For me, at this point in my career, this has been quite simply the best tutorial I have ever taken.

    Depth of content, the pace of the speaker, choice of examples, everything was just right for me, I can not thank you enough Andy!

    Thanks anyway :) Segun

  • Vijay P R
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I always used create-react-app and never understood what happened under the hoods. Also in my work as everything were pre-configured , I couldn't get a chance to learn these. All the contents are organised and a single place where we can refer all . It would be very difficult to get these information scattered online . Power of Webpack explained very clearly and it was very easy to understand . Definitely recommend this course to everyone. Since the course is probably created at 2018, some minor things have changed after that . But they are easily fixable . Eager to learn for more wonderful courses from Andy :) . Will use my own configurations instead of create-react-app henceforth

Course Content

2h 26m • 34 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers

    Introduction to Cloudflare Workers

    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout

    Create an eCommerce Store with Next.js and Stripe Checkout

    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use

    Practical Git for Everyday Professional Use

    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.