Building Applications with React 17 and Redux from Pluralsight

Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development environment and build process from the ground up.

React is a library with so much power, but so few strong opinions. So building something significant requires a large number of decisions and work to build the foundation.

You will learn how to use React and Redux, as well as React Router and JavaScript to build effective React applications using today's popular and useful technologies.

Since this is an intermediate level course, you should already know the basics of React. As such, you should also be familiar with JavaScript basics as well. If you need a refresher on the basics, check out this

Redux is an open source JavaScript library and a tool that helps manage the state of applications. It helps manage the data you present to users and the way in which you respond to their actions. We will go into much more detail in the course itself.

Redux is most frequently used with React because React lets you describe UI as a function of state, and Redux is a flux implementation, so it creates update paths in JS applications.

Yes! We will build a real-world application with React and Redux from square one so you can better solidify the principles and concepts taught throughout this course.

What's inside

Syllabus

Course Overview

Intro

Environment Build

React Component Approaches

Initial App Structure

Intro to Redux

Actions, Stores, and Reducers

Connecting React to Redux

Redux Flow

Async in Redux

Async Writes in Redux

Async Status and Error Handling

Testing React

Testing Redux

Production Builds

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores React and Redux, which are widely used in web development

Develops React, Redux, React Router, and JavaScript skills, which are in-demand in the industry

Taught by Cory House, a recognized expert in React development

Involves building a real-world application, providing practical experience

Suitable for intermediate learners with prior knowledge of React and JavaScript

Emphasizes hands-on learning through exercises and assignments

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 Applications with React 17 and Redux with these activities:

Review JavaScript fundamentals

Show steps

A strong foundation in JavaScript is essential for learning React. Reviewing the basics can enhance your understanding of React concepts.

Browse courses on JavaScript Fundamentals

Show steps

Refer to online tutorials or documentation on JavaScript basics
Practice writing JavaScript code snippets
Complete JavaScript coding exercises to reinforce your understanding

Solve React coding exercises

Show steps

Solving coding exercises will help you strengthen your problem-solving skills and improve your understanding of React concepts.

Browse courses on Coding Challenges

Show steps

Find online platforms or resources that offer React coding exercises
Choose exercises that cover various React topics
Attempt to solve the exercises on your own
Review solutions and learn from your mistakes

Join a React study group

Show steps

Engaging with peers in a study group can provide support, enhance understanding, and foster collaboration.

Show steps

Find or create a React study group
Attend regular study sessions
Discuss course topics, work on projects together, and share knowledge

Four other activities

Expand to see all activities and additional details

Show all seven activities

Follow React Hooks tutorials

Show steps

React Hooks are essential for managing state in React applications. Following tutorials will help you understand how to use them effectively.

Browse courses on React Hooks

Show steps

Find reputable tutorials on React Hooks
Follow the tutorials step-by-step
Experiment with the Hooks in your own React projects

Build a React portfolio website

Show steps

Building a real-world project will help you solidify the concepts learned in this course and apply them to a practical scenario.

Browse courses on React

Show steps

Create a new React app
Design the layout and structure of your portfolio
Develop the front-end components using React
Integrate Redux for state management
Host your website on a platform like Netlify or Vercel

Develop a custom React component library

Show steps

Creating a custom component library will provide hands-on experience with building reusable and maintainable React components.

Browse courses on Custom Components

Show steps

Plan the structure and design of your component library
Develop individual React components with clear documentation
Create a package and publish your library to a platform like npm

Mentor junior React developers

Show steps

Mentoring others can reinforce your understanding of React concepts and contribute to the community by supporting junior developers.

Browse courses on Knowledge Sharing

Show steps

Identify opportunities to mentor junior React developers
Provide guidance, support, and feedback
Share your knowledge and experience

Career center

Learners who complete Building Applications with React 17 and Redux will develop knowledge and skills that may be useful to these careers:

Front-End Engineer

Front-end engineers are responsible for designing effective user experiences, interfaces, and applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn how to build and style UIs, write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

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

Web Developer

Web developers are responsible for developing, modifying, and maintaining websites and web applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for Web Developer

React Native Developer

React Native developers are responsible for developing and maintaining mobile applications using React Native, a framework for building native mobile apps using JavaScript. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for React Native Developer

Software Engineer

Software engineers are responsible for designing, developing, and maintaining software applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for Software Engineer

Full Stack Engineer

Full-stack engineers are responsible for developing and maintaining both the front-end and back-end of web applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for Full Stack Engineer

Junior Web Developer

Junior web developers are responsible for assisting with the development and maintenance of websites and web applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for Junior Web Developer

JavaScript Developer

JavaScript developers are responsible for writing and maintaining JavaScript code for web applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for JavaScript Developer

User Interface (UI) Designer

User interface (UI) designers are responsible for designing the user interface for websites and applications. This Building Applications with React 17 and Redux course can help you build a foundation in React, as well as in Redux, a popular state management tool for building React applications. You will learn the basics of React, how to write and use custom React components, structure your codebase, and handle state management and data flow for an application. This course may be particularly relevant if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies.

See salaries and explore the career path for User Interface (UI) Designer

Product Manager

Product managers are responsible for defining the vision and roadmap for a product. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of product development and how to work with engineering teams.

See salaries and explore the career path for Product Manager

Technical Writer

Technical writers are responsible for writing and maintaining technical documentation. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of web development and how to communicate technical information effectively.

See salaries and explore the career path for Technical Writer

Data Analyst

Data analysts are responsible for collecting, analyzing, and interpreting data. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of data analysis and how to use data to make informed decisions.

See salaries and explore the career path for Data Analyst

Business Analyst

Business analysts are responsible for analyzing business processes and identifying opportunities for improvement. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of business analysis and how to use technology to improve business outcomes.

See salaries and explore the career path for Business Analyst

Information Technology (IT) Manager

IT managers are responsible for planning, implementing, and managing IT systems. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of IT management and how to use technology to support business objectives.

See salaries and explore the career path for Information Technology (IT) Manager

Computer Systems Analyst

Computer systems analysts are responsible for designing, implementing, and maintaining computer systems. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of computer systems analysis and how to use technology to solve business problems.

See salaries and explore the career path for Computer Systems Analyst

Software Development Manager

Software development managers are responsible for leading and managing software development teams. This Building Applications with React 17 and Redux course may be helpful if you are interested in working with JavaScript, React, Redux, and modern JavaScript technologies. The course can help you understand the technical aspects of software development management and how to lead and manage software development teams effectively.

See salaries and explore the career path for Software Development Manager

Building Applications with React 17 and Redux

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Featured in The Course Notes

Reading list

Share

Similar courses