What’s New in React 18 from Pluralsight

This course will teach you what new features React 18 brings, including Suspense which is built on the new React concurrent rendering engine.

The new features of React 18 will help you update old apps and create new apps in React that improve the user's experience while using fewer resources on their computer. In this course, What’s New in React 18, you’ll learn what the new features are in the released version of React 18. First, you’ll explore the new features in the React 18 release. Next, you’ll discover how easy it is to update your existing apps as well as create new ones that take advantage of features such as Suspense running in concurrent React, as well as React hooks that leverage concurrent rendering. Finally, you’ll learn how to combine multiple components together using the new concurrent features to make your apps better in every way. When you’re finished with this course, you’ll have the skills and knowledge of the new features in React 18 so you can take advantage of these in all your existing and new React apps.

What's inside

Syllabus

Course Overview

What’s Changed in React 18

Hands-on Moving to the New Concurrent Rendering Feature Suspense

Hands-on with the New React Hooks useTransition and useDeferredVaue

React 18 Takeaways and Expected Coming Updates

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Covers concurrent rendering in React, which improves the user experience by reducing resource usage

Taught by Peter Kellner, an experienced instructor in React development

Provides hands-on practice with the new features of React 18, including Suspense, useTransition, and useDeferredValue

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 What’s New in React 18 with these activities:

Review React Fundamentals

Show steps

Refresh your understanding of basic React concepts like component lifecycle, props, and state management to strengthen your foundation for learning React 18.

Browse courses on React

Show steps

Review React documentation on core concepts
Create a simple React application
Complete online tutorials or exercises on React basics

Review previous React projects

Show steps

Boost your understanding by reviewing your previous React projects, recalling the concepts and techniques you've applied, and identifying areas for improvement in the context of React 18.

Show steps

Select a few React projects you've worked on in the past
Go through the code and refresh your memory on the React concepts used
Consider how you could have used the new React 18 features to improve the projects

Compile a list of resources on React 18

Show steps

Build your own repository of knowledge by compiling a comprehensive list of resources, including articles, tutorials, videos, and code examples, on the latest React 18 features.

Show steps

Search for and gather resources on React 18 from various sources
Organize the resources into categories, such as tutorials, documentation, and best practices
Create a document or online repository to store the compiled resources
Update and maintain the resource list as new materials become available

Five other activities

Expand to see all activities and additional details

Show all eight activities

Review core React concepts

Show steps

Refresh your understanding of core React concepts, such as components, props, and state, to prepare for the new features in React 18.

Browse courses on React

Show steps

Review the React documentation on core concepts
Take a practice quiz or coding challenge on React fundamentals
Build a simple React application to test your understanding

Practice using Suspense

Show steps

Develop proficiency in using Suspense to handle asynchronous operations in React 18, improving the user experience in your applications.

Show steps

Create a React application with a component that fetches data asynchronously
Use Suspense to handle the loading state while the data is being fetched
Experiment with different ways of using Suspense, such as nested Suspense and fallback components

Collaborate on a React 18 project

Show steps

Enhance your learning by working with peers to build a React 18 project, fostering collaboration, knowledge sharing, and the exchange of different perspectives.

Show steps

Find a group of peers who are also interested in React 18
Decide on a project idea that you want to work on together
Split the project into smaller tasks and assign them to different members of the group
Set regular meetings to discuss progress and provide feedback on each other's work
Complete the project and showcase it to the group

Write a blog post or article on React 18

Show steps

Demonstrate your understanding and knowledge of React 18 by sharing your insights and experiences through writing, helping to reinforce your own learning and contribute to the wider React community.

Show steps

Choose a specific topic or feature in React 18 that you want to cover
Research and gather information on the topic
Write a blog post or article that explains the topic clearly and provides practical examples
Publish your blog post or article on a platform like Medium or your own website

Attend a workshop on React 18

Show steps

Gain concentrated knowledge and insights by attending a workshop focused on React 18, allowing for direct interaction with experts and hands-on practice.

Show steps

Find a workshop on React 18 in your area or online
Register for the workshop and make sure you have the necessary prerequisites
Attend the workshop and actively participate in the discussions and exercises

Career center

Learners who complete What’s New in React 18 will develop knowledge and skills that may be useful to these careers:

React Developer

A React Developer specializes in building and maintaining user interfaces for web and mobile applications using React. This course will provide you with an in-depth understanding of React 18's new features, enabling you to create more engaging and responsive user experiences. By mastering React 18's Suspense and other concurrent rendering techniques, you can optimize app performance and deliver a seamless user experience.

See salaries and explore the career path for React Developer

Web Developer

A Web Developer is responsible for developing and maintaining web applications and websites. They use various programming languages and technologies to ensure that websites are functional, efficient, and user-friendly. By taking "What's New in React 18," you can gain the necessary skills to create and enhance interactive web applications using React 18's latest features, such as Suspense for managing asynchronous data fetching.

See salaries and explore the career path for Web Developer

Front-End Developer

A Front-End Developer focuses on designing and developing the user-facing portions of web applications and websites. Taking "What's New in React 18" will help you stay up-to-date with React 18's latest features, allowing you to create user interfaces that are both visually appealing and highly functional. You'll learn about Suspense, concurrent rendering, and other advanced techniques to enhance user experience and website performance.

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

Full-Stack Developer

A Full-Stack Developer is capable of handling both front-end and back-end development of web applications and websites. By taking "What's New in React 18," you can enhance your front-end development skills by mastering React 18's new features. The course will help you create interactive and responsive user interfaces, enhancing your overall value as a Full-Stack Developer.

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

Computer Programmer

A Computer Programmer is responsible for writing, testing, and maintaining computer programs. "What's New in React 18" can be beneficial for Computer Programmers who work with React.js. The course will help you stay up-to-date with React 18's latest features, enabling you to develop more efficient and user-friendly applications.

See salaries and explore the career path for Computer Programmer

Web Designer

A Web Designer is responsible for creating the visual appearance and layout of websites and web applications. "What's New in React 18" can be beneficial for Web Designers who want to incorporate React into their designs. The course will help you understand React 18's new features, enabling you to create more interactive and user-friendly web experiences.

See salaries and explore the career path for Web Designer

Software Engineer

A Software Engineer designs, develops, and maintains software systems for various industries. By taking "What's New in React 18," you will gain expertise in React 18's latest features, including Suspense and concurrent rendering. This knowledge can be applied to build robust and scalable software applications, enhancing your competitiveness in the job market.

See salaries and explore the career path for Software Engineer

UX Designer

A UX Designer focuses on creating user experiences that are both functional and enjoyable. Taking "What's New in React 18" can help you stay up-to-date with emerging technologies and trends in UX design. The course covers React 18's Suspense and concurrent rendering features, which are essential for building responsive and user-centered applications.

See salaries and explore the career path for UX Designer

Information Technology Specialist

An Information Technology Specialist is responsible for providing technical support and maintaining computer systems for organizations. "What's New in React 18" can be helpful for Information Technology Specialists who support React-based web applications. The course will help you troubleshoot issues related to React 18's new features, ensuring that applications are running smoothly and efficiently.

See salaries and explore the career path for Information Technology Specialist

Product Manager

A Product Manager is responsible for defining and managing the roadmap of a product or service. By taking "What's New in React 18," you can gain a deeper technical understanding of React 18, enabling you to make informed decisions about product requirements and features. The course will help you stay up-to-date with the latest advancements in React technology.

See salaries and explore the career path for Product Manager

Technical Writer

A Technical Writer is responsible for creating and maintaining documentation for technical products and services. "What's New in React 18" may be useful for Technical Writers who document React-based applications. The course will help you understand the latest features of React 18, enabling you to create accurate and up-to-date documentation.

See salaries and explore the career path for Technical Writer

Computer Systems Analyst

A Computer Systems Analyst is responsible for analyzing and designing computer systems. "What's New in React 18" may be useful for Computer Systems Analysts who want to stay up-to-date with the latest trends in front-end development. The course covers React 18's new features, including Suspense and concurrent rendering, which can be applied to improve the performance and scalability of web applications.

See salaries and explore the career path for Computer Systems Analyst

Database Administrator

A Database Administrator is responsible for managing and maintaining databases. "What's New in React 18" may be useful for Database Administrators who want to learn how to create data-driven user interfaces for interacting with databases. The course covers React 18's latest features, such as Suspense, which can enhance the responsiveness and performance of database-intensive applications.

See salaries and explore the career path for Database Administrator

Network Administrator

A Network Administrator is responsible for managing and maintaining computer networks. "What's New in React 18" may be useful for Network Administrators who want to learn about the latest trends in web development. The course covers React 18's new features, such as concurrent rendering, which can improve the performance of web applications, particularly in scenarios where network connectivity is limited or unreliable.

See salaries and explore the career path for Network Administrator

Data Scientist

A Data Scientist is responsible for analyzing and interpreting data to extract valuable insights and make informed decisions. Taking "What's New in React 18" may be helpful for Data Scientists who need to create data-driven user interfaces for visualizing and interacting with data. The course covers React 18's latest features, including Suspense, which can enhance the responsiveness and performance of data-intensive applications.

See salaries and explore the career path for Data Scientist

What’s New in React 18

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses