We may earn an affiliate commission when you visit our partners.
Peter Kellner

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

Read more

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.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

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
Read more
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

Save this course

Save What’s New in React 18 to your list so you can find it easily later:
Save

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
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
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
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
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
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
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
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.

Reading list

We've selected six books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in What’s New in React 18.
Another comprehensive course on React that covers everything from the basics to advanced topics such as Redux and GraphQL.
Provides a comprehensive guide to learning React. It covers everything you need to know to get started with React, including creating components, managing state, and working with data. It also provides a deep dive into some of the more advanced features of React, such as hooks and context.
Offers an up-to-date guide to React's core concepts, providing deep dives into topics such as performance optimization and testing, which are crucial in building complex React applications.
Provides a collection of design patterns and best practices for building maintainable and scalable React applications, helping you write cleaner and more efficient code.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to What’s New in React 18.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser