Angular icon Get 67% off the Angular Master Bundle!

See the bundle then add to cart and your discount is applied.

days
hours
mins
secs

React icon React Styling
New

Star rating Star rating Star rating Star rating Star rating

4.5/5 (241 ratings)

Dive into React styling practices in this fast-paced course to teach you different ways to style components and handling global styles.

React

React

Compatible with v16.x

Course duration icon

Duration

9 lessons 2 hours

What you'll learn

In this course you'll be guided through modern best practices in React styling, from components to handling global styles. You'll also investigate how to use plain CSS, more flavoured Sass and CSS-in-JS concepts and exploration.

Requirements

  • React basic experience
  • CSS basic knowledge

Here’s what’s covered...

Introduction to Styling in React

1 lesson

  • The Missing Introduction to Styling in React

    07:51

Styling React Apps with CSS

1 lesson

  • Styling React with CSS

    11:17

Styling React Apps with SASS

1 lesson

  • Styling React with SASS

    07:06

Styling React Apps with Emotion

6 lessons

  • The concepts of CSS-in-JS

    04:44

  • Setting up Emotion

    04:56

  • Adding global styles in Emotion

    06:20

  • Styling components with the CSS prop

    07:41

  • Styling with Emotion Styled Components

    09:15

  • Using Emotion with an un-ejected CRA application

    04:45

The Missing Introduction to React Styling 7:51

Almero Steyn

Almero Steyn

Course Author

$ 129 Save 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

If you're looking for a step-by-step guide for learning Angular and TypeScript, you'll find no better resource than Ultimate Courses.

David East

David East

Developer Advocate, Firebase

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

After the RxJS courses I know much more than before about RxJS. I've learnt in a practical way how and when to use the powerful operators the library provides taking advantage from them in the daily work. Amazing!

Attilio Urbani

Attilio Urbani

Software Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Todd's courses lead the way in the Angular world. We also worked together on a very successful live Angular performance training session to hundreds of developers.

Peter Cooper

Peter Cooper

CooperPress, JavaScript Weekly

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

A must have for anyone wanting to become an Angular developer. Lots of best practices to help you architect big apps. I learned incredible amounts from this course!

Mohammad Aljaber

Mohammad Aljaber

Solutions Architect

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Todd's materials are always fantastic! The courses have helped me far better grasp real architecture of Angular apps - and the way it should really be done. A+.

Ritik Rishu

Ritik Rishu

Senior Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Wow! I've achieved a great level of understanding on how to build real applications with Angular. Todd's indepth knowledge of Angular was fantastic, and the explanations on Typescript are superb.

Hung Bui

Hung Bui

Senior Front-End Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Angular Fundamentals is the clearest, and best produced Angular course on the market! Clear, concise, packed with best practices and skilled me up very quickly!

Kyle Hebert

Kyle Hebert

JavaScript Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Hands down the best courses available for Angular! Just follow along, you'll fall in love with Angular. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande

Vatsal Pande

Full-Stack Engineer, eBay

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Or get the complete bundle...

Everything you need to start mastering React today

React Kickstart Bundle

2 courses

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.

Get the full React bundle

I've created the best 6 course bundle on the internet. It will teach you everything you need to know about React.

  • Course category icon React Basics 85 lessons, 13 hours
  • Course category icon React Styling 9 lessons, 2 hours
  • Course category icon React Advanced Est. Coming soon
  • Course category icon React Router Est. Coming soon
  • Course category icon React State Management 23 lessons, 3 hours
  • Course category icon React Universal Est. Coming soon

Get the entire collection, 5 more courses, for just $120 extra!