Learning Full Stack React [Video]

Preview in Mapt

Learning Full Stack React [Video]

Ben Fhala

Get started with the complete React development stack
Mapt Subscription
FREE
$29.99/m after trial
Video
$60.35
RRP $70.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$60.35
$29.99 p/m after trial
RRP $70.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Learning Full Stack React [Video] Book Cover
Learning Full Stack React [Video]
$ 70.99
$ 60.35
Mastering Chef the DevOps Way by School of DevOps® [Video] Book Cover
Mastering Chef the DevOps Way by School of DevOps® [Video]
$ 90.99
$ 77.35
Buy 2 for $35.00
Save $126.98
Add to Cart

Video Details

ISBN 139781787121348
Course Length5 hours 09 minutes

Video Description

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.

Style and Approach

This course takes an extremely hands-on approach to teaching technology, full of practical examples and real-world advice. If you need to really understand the technologies used in React full-stack development, then this is the course for you.

Table of Contents

React.js
The Course Overview
Creating my First React Element
Getting to Know JSX and Babel
Creating a React Component
Passing Components and Properties
Building with Forms and States in React
Walking through a Full State Cycle
Setting Up Node.js and NPM
Setting up a Terminal for Windows Users
Installing Node.js and NPM on Your Desktop
Setting Up Node.js and NPM on Linux
Getting a Different Version on Linux
Getting to Know NPM
Updating Your NPM Version
Installing and Uninstalling Global Packages
Understanding Global and Local Packages
Declaring NPM Packages with package.json
Version Controlling Packages
Node.js
The Node.js Hello World
Loading Packages and Using Modules
Configuring a Basic Server
Using http-server as a Quick Server Solution
Going Back to React
Express.js
Starting up an Express.js Server
Enabling Static Files
Routing with Express
Responding with Static Files
Using Middleware in Express.js
Creating a Middleware in Express.js
Using Express Generator
Back to React
MongoDB and Beyond
Installing MongoDB
Creating a Mongo Database
Inserting Collections and Documents
Adding Is Great, But How Do You Find Things?
Finding Complicated Things with Operators
Deleting Documents, Collections, and Databases
MongoDB Driver in Node.js
Connecting the Dots
Setting Up the Server
Working with Template Systems – EJS
Running React on the Server-Side
Configuring Babel 6 the Right Way
Creating a Full Registration with MongoDB

What You Will Learn

  • Understand the fundamentals of React full-stack development
  • Get to know how to get the most from Node.js and server-side JavaScript
  • Use the NPM (Node Package Manager) to add and remove packages and to create your own
  • Understand the component-based paradigm of React
  • Understand routing with Express.js
  • Find out about modern NoSQL databases using MongoDB

Authors

Table of Contents

React.js
The Course Overview
Creating my First React Element
Getting to Know JSX and Babel
Creating a React Component
Passing Components and Properties
Building with Forms and States in React
Walking through a Full State Cycle
Setting Up Node.js and NPM
Setting up a Terminal for Windows Users
Installing Node.js and NPM on Your Desktop
Setting Up Node.js and NPM on Linux
Getting a Different Version on Linux
Getting to Know NPM
Updating Your NPM Version
Installing and Uninstalling Global Packages
Understanding Global and Local Packages
Declaring NPM Packages with package.json
Version Controlling Packages
Node.js
The Node.js Hello World
Loading Packages and Using Modules
Configuring a Basic Server
Using http-server as a Quick Server Solution
Going Back to React
Express.js
Starting up an Express.js Server
Enabling Static Files
Routing with Express
Responding with Static Files
Using Middleware in Express.js
Creating a Middleware in Express.js
Using Express Generator
Back to React
MongoDB and Beyond
Installing MongoDB
Creating a Mongo Database
Inserting Collections and Documents
Adding Is Great, But How Do You Find Things?
Finding Complicated Things with Operators
Deleting Documents, Collections, and Databases
MongoDB Driver in Node.js
Connecting the Dots
Setting Up the Server
Working with Template Systems – EJS
Running React on the Server-Side
Configuring Babel 6 the Right Way
Creating a Full Registration with MongoDB

Video Details

ISBN 139781787121348
Course Length5 hours 09 minutes
Read More

Read More Reviews

Recommended for You

Mastering Chef the DevOps Way by School of DevOps® [Video] Book Cover
Mastering Chef the DevOps Way by School of DevOps® [Video]
$ 90.99
$ 77.35
Apache Kafka Series - Kafka Streams for Data Processing [Video] Book Cover
Apache Kafka Series - Kafka Streams for Data Processing [Video]
$ 114.99
$ 97.75
Complete Introduction to Protocol Buffers 3 [Video] Book Cover
Complete Introduction to Protocol Buffers 3 [Video]
$ 47.99
$ 40.80
Hands-On Test Driven Development with Python [Video] Book Cover
Hands-On Test Driven Development with Python [Video]
$ 124.99
$ 106.25
Mastering Puppet the DevOps way by School of DevOps® [Video] Book Cover
Mastering Puppet the DevOps way by School of DevOps® [Video]
$ 90.99
$ 77.35
Materialize CSS From Scratch With 5 Projects [Video] Book Cover
Materialize CSS From Scratch With 5 Projects [Video]
$ 114.99
$ 97.75