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

Styling Apps in React 18

You want your React apps to be beautiful. This course will teach you two elegant solutions for styling your React apps.

Have you ever wanted to make your React apps look awesome, leading to a professional reputation, with millions of eager users and a site so beautiful that it could stand alongside the CSS zen gardens of yore? So have we all. In this course, Styling Apps in React 18, you’ll learn to use CSS and React to make beautiful applications. First, you’ll explore the decisions to be made when styling your app. Next, you’ll discover which methods fit React particularly well. Finally, you’ll learn how to apply those skills to a real-world project. When you’re finished with this course, you’ll have the skills and knowledge of styling React apps needed to produce the look and feel best suited to the apps you write.

Enroll now

Or start your subscription today

And complete this course over a free trial

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.

Valid for a limited time only

Future-proof your career

Access O'Reilly books, live events, courses, and more. Save with an annual subscription.

Take

15%

off

What's inside

Syllabus

Course Overview

Make Decisions About Styling

Compare React Styling Techniques

Code with CSS-in-JS

Code with CSS Modules

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Learners with a beginner skill level will find this course to be a beneficial option for learning about CSS and React

Students who bring experience to this course will find reinforcement and explore this topic in greater depth

Offers two methods for learning about CSS/React that will be beneficial to learners

Develops foundational skills in code with CSS-in-JS and code with CSS Modules

Jake Trent is the instructor for this course

This course does not explicitly discuss any prerequisites

Save this course

Save Styling Apps 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 Styling Apps in React 18 with these activities:

Read 'CSS Secrets' by Lea Verou

Show steps

Expand your knowledge of CSS by reading a book dedicated to its intricacies.

View CSS Secrets on Amazon

Show steps

Obtain a copy of 'CSS Secrets' by Lea Verou.
Read through the book at your own pace.
Take notes or highlight key concepts as you read.

Follow React Styling Best Practices Tutorial

Show steps

Enhance your React styling skills by learning best practices.

Browse courses on React Development

Show steps

Find a tutorial or article that covers React styling best practices.
Go through the tutorial, paying attention to the recommended practices.
Apply the best practices in your own React projects.

Join a React Styling Study Group

Show steps

Engage with fellow learners and discuss React styling concepts.

Show steps

Find or create a study group focused on React styling.
Meet regularly with the group to discuss topics and share knowledge.
Work together on React styling projects or exercises.
Provide feedback and support to other members of the group.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Explore CSS Animations Tutorial

Show steps

Reinforce your understanding of CSS animations by following a tutorial.

Browse courses on CSS Animations

Show steps

Find a reputable tutorial on CSS animations.
Work through the tutorial, following the instructions carefully.
Experiment with the code examples provided in the tutorial.

CSS Modules Coding Exercises

Show steps

Solidify your understanding of CSS Modules through coding exercises.

Show steps

Find a website or platform that offers CSS Modules coding exercises.
Choose an exercise that aligns with your skill level.
Complete the exercise and review the solution.

React Styling Coding Challenges

Show steps

Sharpen your React styling skills by solving coding challenges.

Show steps

Find a platform or website that offers React styling coding challenges.
Select a challenge that matches your skill level.
Attempt to solve the challenge on your own.
Review the solution and identify areas for improvement.

Style a Personal Portfolio Website

Show steps

Apply your styling skills to a real-world project by creating a personal portfolio website.

Show steps

Gather inspiration and plan the design of your website.
Create the layout and structure of the website using React.
Implement styling using CSS or CSS Modules.
Add content and functionality to your website.
Deploy your website to a hosting platform.

Career center

Learners who complete Styling Apps in React 18 will develop knowledge and skills that may be useful to these careers:

React Developer

React Developers are responsible for developing and maintaining React applications. This course can help you develop the skills you need to create beautiful and user-friendly React apps that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for React Developer

Front-End Engineer

Front End Engineers are responsible for building and maintaining the user interface of web applications. This course can help you develop the skills you need to create beautiful and user-friendly interfaces that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

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

Web Developer

Web Developers are responsible for developing and maintaining websites. This course can help you develop the skills you need to create beautiful and user-friendly websites that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Web Developer

CSS Developer

CSS Developers are responsible for developing and maintaining the style of websites and applications. This course can help you develop the skills you need to create beautiful and user-friendly interfaces that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for CSS Developer

UI Developer

UI Developers are responsible for designing and developing the user interface of websites and applications. This course can help you develop the skills you need to create beautiful and user-friendly interfaces that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for UI Developer

UX Designer

UX Designers are responsible for designing the user experience of websites and applications. This course can help you develop the skills you need to create beautiful and user-friendly interfaces that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for UX Designer

Web Designer

Web Designers are responsible for designing the layout and appearance of websites. This course can help you develop the skills you need to create beautiful and user-friendly websites that meet the needs of your users. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Web Designer

Software Engineer

Software Engineers are responsible for developing and maintaining software applications. This course may be useful for Software Engineers who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Software Engineer

Graphic designer

Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful for Graphic Designers who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Graphic designer

Art Director

Art Directors are responsible for the visual style and presentation of a variety of media, including magazines, newspapers, websites, and advertising campaigns. This course may be useful for Art Directors who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Art Director

Product Designer

Product Designers are responsible for the design of products, from concept to launch. This course may be useful for Product Designers who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Product Designer

Creative Director

Creative Directors are responsible for the overall creative vision of a project, from concept to execution. This course may be useful for Creative Directors who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Creative Director

Interaction Designer

Interaction Designers are responsible for designing the interactions between users and products. This course may be useful for Interaction Designers who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Interaction Designer

User Experience Researcher

User Experience Researchers are responsible for conducting research to understand the needs and behaviors of users. This course may be useful for User Experience Researchers who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for User Experience Researcher

Information Architect

Information Architects are responsible for organizing and structuring information in a way that is easy for users to find and understand. This course may be useful for Information Architects who want to learn how to style their React apps. You'll learn how to use CSS and React to style your apps, and you'll also explore the decisions you need to make when styling your app.

See salaries and explore the career path for Information Architect

Reading list

We've selected 12 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 Styling Apps in React 18.

Design Patterns

Save

Classic reference on design patterns. It provides a comprehensive overview of common design patterns and their application in software development. Understanding design patterns can enhance the reusability and maintainability of React components.

Styling Apps in React 18

Here's a deal for you

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses