illustration for Build Your First Production Quality React App

Build Your First Production Quality React App

Instructor

Andy Van Slaars
1h 51m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.5
1565
people completed
Bookmark
Download
RSS

With the variety of choice we have in building modern web applications using JavaScript, it can make it difficult to understand where to even begin. We live in a wondrous era, where every problem we have seems to have a corresponding javascript module on npm that we can install with just a few keystrokes. It’s easy!

Often, “easy” can mean the opposite of simple. Easy is “quick to do”, where simple is “quick to understand”.

KISS.

In this course you will learn how to build production quality React applications. We will strive to keep things as simple as possible, with minimal dependencies. Instead of typing npm install, we will build our own simple solutions first, to get a solid understanding of the problems that we are solving through libraries. We will build our tools in a functional style, and write appropriate unit tests to verify that they work as expected.

If you are brand new to React, you’ll want to read the documentation and watch our free React Fundamentals course.

Learner Reviews

  • Learner
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    Some code would be simpler to maintain by not using pipe, not easy to read.

  • Samuel Documet Ferroni
    4 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I like the way he explains everything, nonetheless, it would be really great to update the course to he new react versions

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

    I took this course as a refresher, but I learned new things too! I didn't know about the default behavior of Array.prototype.reduce, and I had been specifying a starting value every time I used it.

    Since this course was released, React's Context API has changed. I think it'd be a cool "exercise" to migrate over to the new Context API.

  • Lauri
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    Good material of basic React stuff.

  • Otto Gutierrez
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    I liked the way Andy explains all the code and techniques. The most amazing part was that he build a router from scratch!

  • Vidhu Singhal
    5 years ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Great job Andy for building up logically and showing how react might be working internally as opposed to doing a walkthrough of libraries built on top of react and external helper utilities.

    Thanks!

Course Content

1h 51m • 24 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.