O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Full Stack React

Video Description

Get started with the complete React development stack

About This Video

  • Get this comprehensive guide to React full-stack development

  • This video takes you from an absolute beginner to being able to work with server-side technologies and a React front end

  • The thorough and measured learning style will ensure you won’t get lost along the way

  • In Detail

    Web development is evolving fast and developers need to know a much greater variety of technologies than they did historically. Whilst in the past you could specialize in a single area, such as client-side development, modern web developers are expected to have an understanding of all areas and how they fit together. This 360-degree approach is known as full-stack web development—a bundling of core technologies on the client- and server-side that provide an end-to-end web development solution.

    This video course covers the fundamentals of the full set of technologies that you need to know in order to become a React full-stack web developer. By the end of this course, you will know how to work with: React, NPM, Node.JS, Express.JS, JSX, Babel, and MongoDB. React is currently one of the hottest technologies in web development, and this course will teach you all that you need to know to start using it confidently.

    Through this course, you will become familiar with the full set of core technologies behind modern full-stack development using React, and you will learn the skills required to become competent and comfortable in all these environments. This course assumes you know JavaScript but does not assume you know any other technology. This title is the "Critical mass", the one course that will open your eyes into the world of full-stack development.

    Table of Contents

    1. Chapter 1 : React.js
      1. Course Overview 00:02:38
      2. Creating my First React Element 00:07:17
      3. Getting to Know JSX and Babel 00:10:35
      4. Creating a React Component 00:08:11
      5. Passing Components and Properties 00:10:55
      6. Building with Forms and States in React 00:08:35
      7. Walking through a Full State Cycle 00:11:56
    2. Chapter 2 : Setting Up Node.js and NPM
      1. Setting up a Terminal for Windows Users 00:04:15
      2. Installing Node.js and NPM on Your Desktop 00:04:14
      3. Setting Up Node.js and NPM on Linux 00:06:34
      4. Getting a Different Version on Linux 00:06:53
    3. Chapter 3 : Getting to Know NPM
      1. Updating Your NPM Version 00:13:17
      2. Installing and Uninstalling Global Packages 00:06:23
      3. Understanding Global and Local Packages 00:04:40
      4. Declaring NPM Packages with package.json 00:09:08
      5. Version Controlling Packages 00:09:07
    4. Chapter 4 : Node.js
      1. The Node.js Hello World 00:06:46
      2. Loading Packages and Using Modules 00:08:16
      3. Configuring a Basic Server 00:09:37
      4. Using http-server as a Quick Server Solution 00:04:23
      5. Going Back to React 00:02:25
    5. Chapter 5 : Express.js
      1. Starting up an Express.js Server 00:07:47
      2. Enabling Static Files 00:04:43
      3. Routing with Express 00:08:43
      4. Responding with Static Files 00:06:01
      5. Using Middleware in Express.js 00:07:25
      6. Creating a Middleware in Express.js 00:03:49
      7. Using Express Generator 00:03:52
      8. Back to React 00:17:28
    6. Chapter 6 : MongoDB and Beyond
      1. Installing MongoDB 00:07:52
      2. Creating a Mongo Database 00:04:08
      3. Inserting Collections and Documents 00:08:56
      4. Adding Is Great, But How Do You Find Things? 00:05:06
      5. Finding Complicated Things with Operators 00:06:58
      6. Deleting Documents, Collections, and Databases 00:03:01
      7. MongoDB Driver in Node.js 00:15:12
    7. Chapter 7 : Connecting the Dots
      1. Setting Up the Server 00:08:50
      2. Working with Template Systems – EJS 00:07:02
      3. Running React on the Server-Side 00:07:49
      4. Configuring Babel 6 the Right Way 00:07:27
      5. Creating a Full Registration with MongoDB 00:11:29