Working with Components in React 18 from Pluralsight

This course will teach you how to build React apps that use components in the best possible way while minimizing computer resources and maximizing browser UI experience.

Creating UIs in React is all about creating independent components that seamlessly work together to present a consistent view across your React web app. In this course, Working with Components in React 18, you will gain the ability to architect and build high quality react apps. First, you will explore the various primitive methods for sharing props and state between components, as well as sharing data more globally with the Context API. Next, you’ll learn how to best handle errors in React components to make sure your users continue to have a great experience with your apps. Finally, you will discover how you can improve your app performance through minimizing over-rendering and other UI improvements. When you are finished with this course, you will have the skills and knowledge of React component design needed to leverage re-usability and ensure consistency in your apps and code with fewer bugs.

What's inside

Syllabus

Course Overview

Implementing Components in React Apps

Exploring Our React Application

Global State Sharing and React Context

Handling Errors and Debugging Components

Improving Component UI Performance

Introducing Server Components

Using and Building Higher Order Components

Course Takeaways

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops methods and tools for building React applications with reusable components and high performance UIs

Taught by Peter Kellner, an experienced instructor in React and web development

Suitable for intermediate learners with basic experience in React

Provides hands-on practice through implementing components in a React application

Covers error handling and debugging techniques for React components

Requires learners to have a basic understanding of React concepts

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 Working with Components in React 18 with these activities:

Seek guidance from experienced React developers

Show steps

Connect with experienced React developers who can provide personalized guidance and support throughout your learning journey.

Show steps

Identify potential mentors
Reach out and introduce yourself
Schedule regular meetings
Seek feedback and advice

Review JavaScript fundamentals

Show steps

Review the fundamentals of JavaScript, including syntax, data types, control flow, and functions, to strengthen your understanding of React.

Show steps

Go through JavaScript tutorials
Practice writing JavaScript code
Review JavaScript documentation

Attend React meetups

Show steps

Attend meetups or online events related to React to connect with other developers and learn about the latest trends.

Show steps

Find React meetups in your area
Attend the meetups
Network with other developers

Five other activities

Expand to see all activities and additional details

Show all eight activities

Create an interactive React app

Show steps

Create a React app that demonstrates the concepts covered in the course, such as component architecture, state management, and lifecycle methods.

Show steps

Choose a project idea
Plan the app architecture
Build the React components
Implement state management
Test the app and iterate

Code challenges

Show steps

Solve coding challenges that focus on specific concepts covered in the course, such as component lifecycle methods, state management, and performance optimization.

Show steps

Find coding challenges
Solve the challenges
Review the solutions

Write a blog post about React best practices

Show steps

Share your knowledge by writing a blog post about best practices for developing React applications, covering topics such as component design, state management, and performance optimization.

Show steps

Choose a topic
Research and write the content
Edit and finalize the post
Publish the post

React application portfolio

Show steps

Develop a portfolio of React applications that showcase your skills and knowledge gained from the course.

Show steps

Plan the portfolio
Build multiple React applications
Write documentation for each application
Present the portfolio

Build a React e-commerce website

Show steps

Develop a fully functional e-commerce website using React, covering aspects such as product management, shopping cart, and checkout.

Show steps

Plan the website architecture
Build the React components
Implement state management
Add e-commerce functionality
Test and deploy the website

Career center

Learners who complete Working with Components in React 18 will develop knowledge and skills that may be useful to these careers:

Front-End Engineer

Front-End Engineers design and build the interfaces users see when they interact with software on mobile, desktop, and web platforms. As a Front-End Engineer, you will need to master the languages that are used to create these interactive platforms, such as HTML, CSS, and JavaScript. To further specialize as a React Front-End Engineer, you can take courses such as "Working with Components in React 18." This course will teach you how to create components that can be reused throughout your applications, improving the quality of your code and the speed of your development process.

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

Full Stack Engineer

Full-Stack Engineers have the ability to work with both the front end and back end of an application. This requires a strong understanding of both the frontend and backend languages and technologies. Full-Stack Engineers must be comfortable interfacing with the server, databases, and the frontend of an application to ensure that the application is functioning correctly. While courses like "Working with Components in React 18" are designed for frontend developers, the course does help developers understand how to implement backend components. This knowledge is essential for moving into a fullstack role.

See salaries and explore the career path for Full Stack Engineer

Software Engineer

Software Engineers design, build, and test software applications. They use their knowledge of programming languages and software engineering principles to create software that meets the needs of users. Software Engineers who specialize in frontend development can take courses such as "Working with Components in React 18" to learn how to create high-quality, reusable components.

See salaries and explore the career path for Software Engineer

React Developer

React Developers are responsible for building and maintaining React applications. They use their knowledge of React and JavaScript to create interactive and responsive user interfaces. "Working with Components in React 18" is an excellent resource for React Developers who want to learn how to build high-quality, reusable components. This course will teach you how to share props and state between components, handle errors, and improve component UI performance.

See salaries and explore the career path for React Developer

UI Developer

UI Developers are responsible for designing and building the user interface of software applications. They use their knowledge of design principles and user experience to create interfaces that are both visually appealing and easy to use. Courses such as "Working with Components in React 18" can help UI Developers learn how to create reusable components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for UI Developer

Web Developer

Web Developers are responsible for designing, building, and maintaining websites. They use their knowledge of HTML, CSS, JavaScript, and other web technologies to create websites that are both visually appealing and functional. Courses such as "Working with Components in React 18" can help Web Developers learn how to build interactive and responsive websites that are easy to use and maintain.

See salaries and explore the career path for Web Developer

JavaScript Developer

JavaScript Developers are responsible for writing JavaScript code that makes websites and web applications interactive and dynamic. They use their knowledge of JavaScript to create code that responds to user input, sends and receives data from the server, and manipulates the DOM. Courses such as "Working with Components in React 18" can help JavaScript Developers learn how to write high-quality, reusable JavaScript code that is easy to maintain.

See salaries and explore the career path for JavaScript Developer

Web Designer

Web Designers are responsible for the visual design of websites. They use their knowledge of design principles and user experience to create websites that are both visually appealing and easy to navigate. Courses such as "Working with Components in React 18" can help Web Designers learn how to create reusable design components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Web Designer

UX Designer

UX Designers are responsible for the user experience of websites and web applications. They use their knowledge of human behavior and design principles to create websites that are both easy to use and enjoyable to use. Courses such as "Working with Components in React 18" can help UX Designers learn how to create reusable design components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for UX Designer

Product Designer

Product Designers are responsible for the design of products, including both physical products and digital products. They use their knowledge of human behavior and design principles to create products that are both useful and desirable. Courses such as "Working with Components in React 18" can help Product Designers learn how to create reusable design components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Product Designer

Information Architect

Information Architects are responsible for the organization and structure of websites and web applications. They use their knowledge of information architecture principles to create websites that are both easy to navigate and find information on. Courses such as "Working with Components in React 18" can help Information Architects learn how to create reusable design components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Information Architect

Interaction Designer

Interaction Designers are responsible for the design of user interactions with websites and web applications. They use their knowledge of human behavior and design principles to create interactions that are both intuitive and enjoyable. Courses such as "Working with Components in React 18" can help Interaction Designers learn how to create reusable design components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Interaction Designer

Visual Designer

Visual Designers are responsible for the visual design of websites and web applications. They use their knowledge of design principles and user experience to create websites that are both visually appealing and easy to navigate. Courses such as "Working with Components in React 18" can help Visual Designers learn how to create reusable design components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Visual Designer

Content Strategist

Content Strategists are responsible for the planning, creation, and management of content for websites and web applications. They use their knowledge of content strategy principles to create content that is both informative and engaging. Courses such as "Working with Components in React 18" can help Content Strategists learn how to create reusable content components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Content Strategist

Technical Writer

Technical Writers are responsible for writing technical documentation for software and hardware products. They use their knowledge of technical writing principles to create documentation that is both clear and concise. Courses such as "Working with Components in React 18" may be useful for Technical Writers who want to learn how to create reusable documentation components that can be used across multiple projects, improving their efficiency and productivity.

See salaries and explore the career path for Technical Writer

Working with Components in React 18

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses