OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Pluralsight logo

Server Component Fundamentals in React 18

Peter Kellner

This course will teach you how React Server Components can improve the quality of your React apps and architecture.

Read more

This course will teach you how React Server Components can improve the quality of your React apps and architecture.

Good app design means fewer bugs, lower maintenance costs, and happier users. In this course, Server Component Fundamentals in React 18, you’ll learn about React Server Components and how you can use them to provide a better user experience. First, you’ll dive into the technology behind server components so that using them makes sense. Next, you’ll explore how to build Server Components that work with async data sources. Finally, you’ll learn how to incorporate Server Components in a real-world app so that your apps provide great browser user experiences and are easy to build. When you’re finished with this course, you’ll have all the knowledge and tools necessary to build apps with React Server and Client Components that provide excellent and performant UIs for your users.

Enroll now

What's inside

Syllabus

Course Overview
Introducing Server Components
Learning More Server Component Scenarios
Using Async Data in Server Components
Read more
Adding Suspense Boundaries to Server Components
Next.js Toolchain, Progressive Rendering, and Error Handling
Working with URL Routes and Server Components
Upgrading a React App to Use Server Components
Course Takeaways

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Suitable for those coding apps in React who want to use Server Components to build better UIs
Peter Kellner is a respected instructor for React-related topics
Provides a blend of theoretical knowledge and practical application
Helps learners understand the how and why behind Server Components in React 18, in addition to the how to
Covers toolchain, progressive rendering, and error handling, which are useful for working with Next.js
Includes practical examples to aid in building apps with Server Components
Notably, learners are expected to possess some knowledge of React beforehand

Save this course

Save Server Component Fundamentals 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 Server Component Fundamentals in React 18 with these activities:
Review Notes and Materials
Prepare for the course by reviewing existing materials to refresh your memory on key concepts.
Browse courses on Server Components
Show steps
  • Compile your notes, assignments, and quizzes from previous courses or online resources.
  • Spend 30 minutes to review these materials to refresh your memory on the basics of React and server components.
Interactive Server Component Tutorial
Engage in hands-on practice with an interactive tutorial to reinforce your understanding of server components.
Browse courses on Server Components
Show steps
  • Find an interactive tutorial on server components in React.
  • Follow through the tutorial and experiment with different scenarios.
Join a Server Components Study Group
Collaborate with other learners to discuss and reinforce concepts related to server components.
Browse courses on Server Components
Show steps
  • Find a study group focused on server components in React.
  • Participate in regular discussions and share your knowledge with others.
Seven other activities
Expand to see all activities and additional details
Show all ten activities
Follow Additional Tutorial Series
Expand your knowledge by following additional tutorial series that cover advanced topics in server components.
Browse courses on Server Components
Show steps
  • Identify tutorial series that align with your learning goals.
  • Dedicate time to work through the tutorials and complete the exercises.
Practice using React Server Components
Foster understanding by creating Server Components that simulate those in the course
Show steps
  • Bootstrap a React project
  • Install the necessary packages
  • Create a basic server component
  • Use the server component in a React app
Practice Building Server Components
Apply your knowledge by practicing the creation of server components in React.
Browse courses on Server Components
Show steps
  • Design a small-scale project that requires the use of server components.
  • Implement the project and work through any challenges you encounter.
Explore advanced React Server Component tutorials
Enhance understanding by exploring additional tutorials that delve into the intricacies of server components
Browse courses on Server Components
Show steps
  • Identify relevant tutorials
  • Watch video tutorials
  • Follow written tutorials
  • Implement techniques in personal projects
Contribute to React Server Components
Deepen your understanding by contributing to the React Server Components open-source project.
Browse courses on Server Components
Show steps
  • Explore the React Server Components GitHub repository.
  • Identify areas where you can contribute, such as bug fixes or documentation improvements.
Build a Server Component-Based Website
Consolidate your learning by building a real-world website that incorporates server components.
Browse courses on Server Components
Show steps
  • Design and plan a website that can benefit from server components.
  • Implement the website using React and server components.
  • Test and refine your website to ensure optimal performance.
Write a blog post on React Server Components
Solidify understanding by creating a blog post that explains the concepts and benefits of using Server Components
Browse courses on Server Components
Show steps
  • Research the topic
  • Outline the blog post
  • Write the content
  • Edit and proofread
  • Publish the blog post

Career center

Learners who complete Server Component Fundamentals in React 18 will develop knowledge and skills that may be useful to these careers:
React Developer
As a React Developer, you will build and maintain web applications using the React JavaScript library. This course will teach you how to use React Server Components, which can help you improve the performance and user experience of your React applications.
See salaries and explore the career path for React Developer
Front-End Developer
As a Front End Developer, you will design and develop the user interface and experience of websites and applications. This course will help you build a foundation in React Server Components, which can help you improve the quality and performance of your front-end applications.
See salaries and explore the career path for Front-End Developer
Web Developer
As a Web Developer, you will design, develop, and maintain websites and web applications. This course will teach you how to use React Server Components, which can help you improve the performance and user experience of your web applications.
See salaries and explore the career path for Web Developer
Full-Stack Developer
As a Full Stack Developer, you will be responsible for both the front end and back end of web applications. This course will teach you how to use React Server Components, which can help you improve the performance and user experience of your full-stack applications.
See salaries and explore the career path for Full-Stack Developer
Software Engineer
As a Software Engineer, you will design, develop, and maintain software systems. This course may be useful if you are interested in learning about React Server Components, which can help you improve the performance and scalability of your software systems.
See salaries and explore the career path for Software Engineer
User Experience (UX) Designer
As a User Experience (UX) Designer, you will design and evaluate the user experience of websites and applications. This course may be useful if you are interested in learning about how React Server Components can improve the performance and user experience of web applications.
See salaries and explore the career path for User Experience (UX) Designer
Product Manager
As a Product Manager, you will be responsible for the planning, development, and launch of new products. This course may be useful if you are interested in learning about how React Server Components can improve the performance and user experience of your products.
See salaries and explore the career path for Product Manager
Technical Writer
As a Technical Writer, you will write documentation for software and hardware products. This course may be useful if you are interested in learning about how React Server Components work and how to document them.
See salaries and explore the career path for Technical Writer
Computer Scientist
As a Computer Scientist, you will research and develop new computer technologies. This course may be useful if you are interested in learning about the theoretical foundations of React Server Components.
See salaries and explore the career path for Computer Scientist
Machine Learning Engineer
As a Machine Learning Engineer, you will build and maintain machine learning models. This course may be useful if you are interested in learning about how React Server Components can be used to build machine learning applications.
See salaries and explore the career path for Machine Learning Engineer
Information Security Analyst
As an Information Security Analyst, you will protect computer systems and networks from unauthorized access and cyberattacks. This course may be useful if you are interested in learning about how React Server Components can be used to build secure applications.
See salaries and explore the career path for Information Security Analyst
Data Scientist
As a Data Scientist, you will use data to solve business problems. This course may be useful if you are interested in learning about how React Server Components can be used to build data-driven applications.
See salaries and explore the career path for Data Scientist
DevOps Engineer
As a DevOps Engineer, you will work to improve the collaboration between development and operations teams. This course may be useful if you are interested in learning about how React Server Components can be used to build and deploy applications more efficiently.
See salaries and explore the career path for DevOps Engineer
Cloud Engineer
As a Cloud Engineer, you will design and manage cloud computing systems. This course may be useful if you are interested in learning about how React Server Components can be used to build cloud-based applications.
See salaries and explore the career path for Cloud Engineer
Software Quality Assurance (QA) Tester
As a Software Quality Assurance (QA) Tester, you will test software to ensure that it meets quality standards. This course may be useful if you are interested in learning about how React Server Components can be used to build high-quality applications.
See salaries and explore the career path for Software Quality Assurance (QA) Tester

Reading list

We've selected seven 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 Server Component Fundamentals in React 18.
Cover image
Programming JavaScript Applications
Save
Provides a comprehensive guide to building React Native applications.
Programming JavaScript Applications: Robust Web...
Paperback
$$
Programming JavaScript Applications: Robust Web...
Unknown Binding
$$$
Programming JavaScript Applications: Robust Web...
Kindle Edition
$$
Cover image
Fullstack React Native
Save
Provides a comprehensive guide to building fullstack React applications, covering both the front-end and back-end development. It includes a section on server-side rendering using React Server Components.
Fullstack React Native: Create beautiful mobile...
Paperback
$$$
Cover image
The Road to React
Save
Covers advanced topics in React, such as performance optimization, error handling, and testing.
The Road to React: Your journey to master plain yet...
Paperback
$$
The Road to GraphQL: Your journey to master...
Paperback
$$
The Road to React: The React.js with Hooks in...
Kindle Edition
$$
Cover image
React Design Patterns and Best Practices
Save
Provides a comprehensive overview of design patterns and best practices for building and maintaining React applications.
React Design Patterns and Best Practices: Build...
Paperback
$$
React design patterns and best practices (Korean...
Paperback
$$$
React Design Patterns and Best Practices: Build...
Kindle Edition
$$
Cover image
The Road to GraphQL
Save
Provides a comprehensive introduction to React and Redux, covering both client-side and server-side development.
The Road to GraphQL: Your journey to master...
Paperback
$$
Cover image
Service Dogs
Save
Provides a practical introduction to React, including a brief overview of server-side rendering.
Coloring Book of Service Dogs: By Pawsitivity...
Paperback
$
Coloring Book of Service Dogs: A Fundraiser for...
Paperback
$
Cover image
Learning React
Save
Provides a beginner-friendly introduction to React, including a basic overview of server-side rendering.
Learning React: Modern Patterns for Developing...
Paperback
$$
Learning React: Functional Web Development with...
Paperback
$$$
Learning React: Modern Patterns for Developing...
Kindle Edition
$$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Here are nine courses similar to Server Component Fundamentals in React 18.
Building Server-side Rendered React Apps for Beginners
Most relevant
Working with Components in React 18
Most relevant
React 17 Security: Best Practices
Most relevant
Using Hooks in React 18
Most relevant
React Native 0.63: Components Playbook
Most relevant
React Native - The Practical Guide [2024]
Most relevant
Node with React: Fullstack Web Development
Most relevant
React Native Fundamentals
Most relevant
Next.js 14 & React - The Complete Guide
Most relevant
Course image
Time
248 hours
Level
Intermediate
Via
Pluralsight
Instructor
Peter Kellner
Language
English
Good to know
Suitable for those coding apps in React who want to use Server Components to build better UIs
Peter Kellner is a respected instructor for React-related topics
Provides a blend of theoretical knowledge and practical application
Helps learners understand the how and why behind Server Components in React 18, in addition to the how to
Covers toolchain, progressive rendering, and error handling, which are useful for working with Next.js
Includes practical examples to aid in building apps with Server Components
Notably, learners are expected to possess some knowledge of React beforehand
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
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