Building a Full Stack App with React 16 and Express 4 from Pluralsight

Do you want to build advanced applications that render quickly and that are easy to maintain? This course will teach you how to build a full stack application from scratch, or to integrate into any team using React and Express.

Making scalable, responsive websites with a secure server component is one of the most daunting tasks in web development. In this course, Building a Full Stack Application with React and Express, you will gain the ability to build high-performance React components and a powerful, secure server, and to link them together with a state-of-the-art database. First, you will learn to build a front-end application using React, Redux, and Webpack. Next, you will develop a server and database component using Express and MongoDB. Finally, you will couple the two elements together using Redux Saga and Axios. When you are finished with this course, you will have the skills and knowledge of JavaScript, React, and Express development needed to build full stack applications from scratch or to integrate seamlessly into most Node.js-based software teams. Software required: GIT, Node.JS, IDE.

What's inside

Syllabus

Course Overview

Structure of Full Stack Applications

Configuring the Development Environment with Webpack and Babel

Implementing React Components and Redux State

Creating Persistent Data Storage with Node, Express, and MongoDB

Integrating React View Layers with Persistent Data

Authentication Concepts

Deployment Concepts

Conclusion

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops JavaScript, React, and Express skills, which are core for full stack software development

Implements Redux, Axios, and MongoDB, core tools for advanced web applications

Teaches how to build and deploy full stack applications

Provides comprehensive knowledge on building high-performance React components and secure servers

Taught by Daniel Stern, who is experienced in web development

Requires GIT, Node.JS, and IDE, which may be barriers to some learners

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Building a Full Stack App with React 16 and Express 4 with these activities:

Read 'The Pragmatic Programmer'

Show steps

Reading this book will help you develop a pragmatic approach to software development.

View The Pragmatic Programmer: Your Journey To... on Amazon

Show steps

Read the book
Take notes on the key points
Apply the principles in your own projects

Start a blog

Show steps

Starting a blog will help you practice your writing skills and learn about a topic of your interest.

Browse courses on Blogging

Show steps

Choose a topic for your blog
Create a blog on a platform such as WordPress or Blogger
Write and publish your first blog post

Review Node.js concepts

Show steps

Familiarizing yourself with Node.js concepts will help you understand the back-end of your application.

Browse courses on Node.js

Show steps

Visit the Node.js documentation
Read through the Node.js tutorial
Practice writing basic Node.js constructs in a Node.js sandbox

Three other activities

Expand to see all activities and additional details

Show all six activities

Review Javascript Syntax

Show steps

Familiarizing yourself with the syntax and semantics will help you write code in React with confidence.

Show steps

Visit the Mozilla Developer Network's Javascript Syntax Guide
Read through the guide
Practice writing basic Javascript constructs in a Javascript sandbox

Build React Components

Show steps

Building React Components will help you become familiar with the building blocks of React applications.

Browse courses on React

Show steps

Create a new React application
Create a new component
Add some props to the component
Render the component in the application

Learn Redux

Show steps

Understanding how Redux works will help you manage the state of your React application.

Browse courses on Redux

Show steps

Watch a tutorial on Redux
Read the Redux documentation
Implement Redux in a React application

Career center

Learners who complete Building a Full Stack App with React 16 and Express 4 will develop knowledge and skills that may be useful to these careers:

Full-Stack Developer

A Full Stack Developer is responsible for the design and development of both the client and server sides of web applications. This course provides a comprehensive overview of the technologies and techniques needed to succeed in this role, including React, Redux, Express, and MongoDB. By completing this course, you will gain the skills and knowledge necessary to build high-performance, scalable, and secure full stack applications.

See salaries and explore the career path for Full-Stack Developer

Front-End Developer

A Front End Developer is responsible for the design and development of the user interface and user experience of web applications. This course provides a strong foundation in React and Redux, which are essential technologies for building modern front end applications. By completing this course, you will gain the skills and knowledge necessary to create beautiful, responsive, and interactive user interfaces.

See salaries and explore the career path for Front-End Developer

Back-End Developer

A Back End Developer is responsible for the design and development of the server side of web applications. This course provides a strong foundation in Express and MongoDB, which are essential technologies for building modern back end applications. By completing this course, you will gain the skills and knowledge necessary to create scalable, reliable, and secure back end systems.

See salaries and explore the career path for Back-End Developer

Web Developer

A Web Developer is responsible for the design and development of all aspects of web applications, including the front end, back end, and database. This course provides a comprehensive overview of the technologies and techniques needed to succeed in this role, including React, Redux, Express, and MongoDB. By completing this course, you will gain the skills and knowledge necessary to build high-performance, scalable, and secure web applications.

See salaries and explore the career path for Web Developer

Software Engineer

A Software Engineer is responsible for the design, development, and maintenance of software systems. This course provides a strong foundation in React, Redux, Express, and MongoDB, which are essential technologies for building modern software applications. By completing this course, you will gain the skills and knowledge necessary to build high-performance, scalable, and secure software systems.

See salaries and explore the career path for Software Engineer

Data Scientist

A Data Scientist is responsible for the collection, analysis, and interpretation of data. This course provides a strong foundation in MongoDB, which is an essential technology for storing and managing data. By completing this course, you will gain the skills and knowledge necessary to build data-driven applications and make informed decisions.

See salaries and explore the career path for Data Scientist

Data Analyst

A Data Analyst is responsible for the collection, analysis, and interpretation of data. This course provides a strong foundation in MongoDB, which is an essential technology for storing and managing data. By completing this course, you will gain the skills and knowledge necessary to build data-driven applications and make informed decisions.

See salaries and explore the career path for Data Analyst

Database Administrator

A Database Administrator is responsible for the design, implementation, and maintenance of database systems. This course provides a strong foundation in MongoDB, which is an essential technology for building modern database systems. By completing this course, you will gain the skills and knowledge necessary to build scalable, reliable, and secure database systems.

See salaries and explore the career path for Database Administrator

Project Manager

A Project Manager is responsible for the planning, execution, and completion of projects. This course provides a strong foundation in React, Redux, Express, and MongoDB, which are essential technologies for building modern software applications. By completing this course, you will gain the skills and knowledge necessary to manage successful projects from start to finish.

See salaries and explore the career path for Project Manager

Product Manager

A Product Manager is responsible for the planning, development, and launch of new products. This course provides a strong foundation in React and Express, which are essential technologies for building modern web applications. By completing this course, you will gain the skills and knowledge necessary to build successful products that meet the needs of users.

See salaries and explore the career path for Product Manager

Technical Writer

A Technical Writer is responsible for creating user guides, documentation, and other technical content. This course provides a strong foundation in React, Redux, Express, and MongoDB, which are essential technologies for building modern software applications. By completing this course, you will gain the skills and knowledge necessary to create clear and concise technical documentation.

See salaries and explore the career path for Technical Writer

Teacher

A Teacher is responsible for educating students in a variety of subjects. This course provides a strong foundation in React, Redux, Express, and MongoDB, which are essential technologies for building modern web applications. By completing this course, you will gain the skills and knowledge necessary to teach students about web development and programming.

See salaries and explore the career path for Teacher

Librarian

A Librarian is responsible for managing and organizing library resources. This course provides a strong foundation in MongoDB, which is an essential technology for storing and managing data. By completing this course, you will gain the skills and knowledge necessary to manage and organize library resources effectively.

See salaries and explore the career path for Librarian

Customer Service Representative

A Customer Service Representative is responsible for providing support to customers. This course provides a strong foundation in React and Express, which are essential technologies for building modern web applications. By completing this course, you will gain the skills and knowledge necessary to provide excellent customer service through web-based channels.

See salaries and explore the career path for Customer Service Representative

Sales Representative

A Sales Representative is responsible for selling products and services. This course provides a strong foundation in React and Express, which are essential technologies for building modern web applications. By completing this course, you will gain the skills and knowledge necessary to sell products and services through web-based channels.

See salaries and explore the career path for Sales Representative