Learn how to incorporate React in real-world web designs. Discover how to manage real-time data, interact with external APIs, and more.

React Hooks embed logic into functions in new React applications. In this course, instructor Eve Porcello covers various styles of Hooks usage and ways to integrate them into your programming workflow. She tells you how Hooks came to be part of the library, then walks you through how to install Create React App. Eve covers how you can use the useState Hook to handle different types of state variables and work with component trees. The useEffect Hook can be used for several application side effects, whenever the state of the app changes. Eve teaches you how to work with the dependency array effect and fetch data with the useEffect Hook. Next, she explains several additional Hooks and steps through the process of creating custom Hooks. In conclusion, Eve shows you some different directions you can pursue to improve your knowledge of the React ecosystem.

React Native makes it easy to develop applications and deploy them natively to multiple mobile platforms. That said, building a complete app means looking beyond React Native to the different options that can help you customize your workflow. In this course, Emmanuel Henri takes you on a tour of some of the most commonly used React Native features. He highlights several different types of React Native UI libraries. Next, Emmanuel reviews development resources such as full-stack frameworks and IDEs. He also shows you some backend options for your project. To wrap up, he provides an overview of the testing and deployment options available to you.

Work smarter with React Native. Discover how to leverage resources such as UI libraries, backend options, and testing libraries.

Discover how to build production-ready, native mobile apps on both iOS and Android using React Native.

Create native mobile apps—with native performance—using React Native, Firebase, and MobX.

Learn how to create more complex virtual reality projects with React VR. Build immersive 3D worlds with animation and interactions.

Perhaps the greatest thing about the world wide web is that it makes so much information available to so many people. However, is this available information accessible to everyone? In this course, Kiara Contreras illustrates why accessibility is important and why it’s necessary to focus on it when you build single-page applications with React, one of the most popular JavaScript front-end frameworks. Kiara covers important topics like testing your application to ensure optimal accessibility, practicing using semantic HTML, updating elements to include focus control, and ensuring mouse events are available through the keyboard. Throughout the course, Kiara stresses the importance of keeping in mind the diversity of your users when building websites, and that creating an accessible website allows for a better experience for more people.

User authentication is a critical part of virtually every website, yet few web developers know all the details behind how it works and how to use it to provide a good user experience. In this course, instructor Shaun Wassell dives into the details behind user authentication in the context of React and how to incorporate user authentication into React applications. Shaun begins with some definitions, steps, and basic authentication projects. Then he discusses in-depth email verification and how to set it up. Shaun explains how to give users the ability to reset their passwords, then describes the steps in setting up OAuth. He goes over several prebuilt authentication options, then concludes with some best practice recommendations.

Build bigger and bolder applications. Explore tools and techniques for large-scale app development with React.

Learn to use React to create progressive web applications that combine features for offline use and network resilience.

React styles and CSS styles haven't always agreed in the use of inline styling. As React development has grown, developers have figured out more and more ways of smoothly integrating and maintaining a style with their code. But with so many options, it may be confusing on where to get started, especially if you’ve worked with CSS on non-React-based projects. In this course, Emmanuel Henri brings some clarity to your options and introduces the concepts and syntax for CSS modules with React. Whether you need to style a React-based user interface or want to create dramatic animation, this course gives you the keys you need to build an attractive and maintainable style using React and CSS modules.

Learn how to leverage CSS modules, components, grids, and more in this course designed for developers in the React community.

React styles and CSS styles haven't always agreed in the use of inline styling. As React development has grown, developers have figured out more and more ways of smoothly integrating and maintaining a style with their code. Whether you need to style a React-based user interface or want to create dramatic animation, this course gives you the keys you need to build attractive and maintainable style using React and CSS modules.

Learn how to leverage the JavaScript you have mastered for front-end React development to build a serverless application using Firebase.

Learn about key enhancements to React and how to leverage advanced components, use the context API, and create more accessible code.

Learn how to leverage the React context API, which allows you to set and use properties for many components, while avoiding a top-down approach across your components.

Learn how to combine React, Node.js, and Amazon Web Services (AWS) in a full-stack, full-featured website.

If you’ve learned the basics of React and have worked on many React applications, chances are you’ve run into some recurring problems and situations, like creating reusable layouts or working with forms. If you’ve been on the hunt for solutions to common problems, look no further than this course with Shaun Wassell, where he covers many of the most useful design patterns—effective and repeatable solutions to common application development challenges. This course consists of several sections, each of which will cover a group of React design patterns, ranging from preferred syntax for specific tasks to how to arrange components in the most effective way. Among the topics Shaun covers are composition, higher-order components, state hoisting, controlled vs. uncontrolled components, and many other patterns that help a React app develop into a well-organized codebase.