Latest Courses
Shopify Mastery | Build a Shopify Store in Just 1 HourCheck course
Java Regular Expression FoundationCheck course
Agile Software Testing - Techniques and ToolsCheck course
Python Programming Skills Test With ExplanationCheck course
Beginners Eclipse Java IDE Training CourseCheck course
Xamarin Android - A Master Guide to App Development in C#Check course
Python for beginnersCheck course
Salesforce Integration With External SystemsCheck course
Game Audio 101 & 201: Beginner to Advanced Game Sound DesignCheck course
Xamarin on Steroids: Xamarin Forms Shell and MVVMCheck course
Shopify Mastery | Build a Shopify Store in Just 1 HourCheck course
Java Regular Expression FoundationCheck course
Agile Software Testing - Techniques and ToolsCheck course
Python Programming Skills Test With ExplanationCheck course
Beginners Eclipse Java IDE Training CourseCheck course
- 30% React styled-components v5 (2020 edition)

React styled-components v5 (2020 edition)

$19.99 $13.99Track price

Add your review
Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare
8.2/10 (Our Score)
Product is rated as #80 in category React

**React styled components – COURSE UPDATE MARCH 2020**:

**Updated course to version 5 of React styled–components.**

This styled–components course is the next step for React developers who want to increase their value as a front–end developer by ditching flaky CSS class names and structures, messy CSS imports and CSS class naming conflicts with their React apps and instead want to embrace the best way of styling React apps, with the CSS–in–JS Styled Components library

The styled–components framework lets you write actual CSS in your JavaScript. This means you can use all the features of CSS you use and love with styled components, including (but by far not limited to) media queries, all pseudo–selectors, nesting, etc.

In this styled components course we’ll be creating a very basic 2 page mobile–first app using create–react–app. We’ll be using styled components to style our entire app, including applying global styles, implementing third party fonts using Google fonts, creating a common mobile–first and responsive Layout, creating variations for components via props (for example a large or small Button), implementing a theme toggle component and switching our app between ‘light’ and ‘dark’ mode, as well as implementing animations with styled components.

React took the traditional view / viewmodel approach to web development and combined them both into one, while still keeping code modular and single responsibility. Styled Components can be seen as an extension of that, bringing the styling into the JS file as well. They all have one to one relationships, so it makes sense to combine them as long as they’re kept modular. This React styled components course will help you understand the power of this approach and show you how to build such components.

Instructor Details

Tom Phillips has been developing front end web and mobile apps in the United Kingdom for numerous years. In that time he has had to prepare and teach multiple courses on the latest cutting edge front end web frameworks to junior developers, as well as mentor them during their early days as junior developers. Through doing this, Tom found efficient methods to teach and break down common complex problems that many developers face when trying to get started with new frameworks, especially in such a rapidly changing field as front end web development. Now he's applying those methods to his Udemy courses! Way back when Tom himself was a junior developer, he was fortunate enough to have been mentored by experts in the field. This allowed him to rapidly progress in his career and understand and architect multiple large projects in his time as an expert front end developer. Now Tom is passing on the buck and sharing his knowledge. Get the same mentoring that Tom received by enrolling on one of his courses and fast-track your understanding and knowledge in front end web development.

Specification: React styled-components v5 (2020 edition)

Duration 2 hours
Year 2020
Level All
Certificate Yes
Quizzes No

22 reviews for React styled-components v5 (2020 edition)

4.5 out of 5
14
6
1
0
1
Write a review
Show all Most Helpful Highest Rating Lowest Rating
  1. Avatar

    Jonathan Reainf

    The content is exactly what I was after and to get it for free was a bonus so thank you. My only feedback would be to magnify your code examples so that we can see them clearly. That way I can use half my screen to copy you in my own editor.

    Helpful(0) Unhelpful(0)You have already voted this
  2. Avatar

    Emmanuel Tweneboah

    Good explanation

    Helpful(0) Unhelpful(0)You have already voted this
  3. Avatar

    David Bermudez

    Great course simple and to the point, the type of courses you need.

    Helpful(0) Unhelpful(0)You have already voted this
  4. Avatar

    Muhammad Adil Abdul Halim

    Concise, straight to the point and beautifully delivered. Covers all the basics of styled components!

    Helpful(0) Unhelpful(0)You have already voted this
  5. Avatar

    Kamil Adamski

    Good and quick overview of styled components

    Helpful(0) Unhelpful(0)You have already voted this
  6. Avatar

    Patrick Howell

    Great course, told me what I wanted to know about styled components without distractions or getting side tracked along the way

    Helpful(0) Unhelpful(0)You have already voted this
  7. Avatar

    Tushar Nile

    Excellent Course 🙂

    Helpful(0) Unhelpful(0)You have already voted this
  8. Avatar

    Noreen Wu

    so far so good

    Helpful(0) Unhelpful(0)You have already voted this
  9. Avatar

    Million

    not Qualified to be an instructor. that’s why you make it FREE.

    Helpful(0) Unhelpful(0)You have already voted this
  10. Avatar

    Smartsoft Development

    Good introduction to styled components. Could be more up to date and there is a discrepancy between step 8 and step 9.

    Helpful(0) Unhelpful(0)You have already voted this
  11. Avatar

    Nidhi Tandon

    The course was very precise and to the point. After finishing this course of 2 hours, now I can go back and start my hands on new project confidently.

    Helpful(0) Unhelpful(0)You have already voted this
  12. Avatar

    Olusola Odurinde

    Clear explanations and straight to the point. Very good lesson.

    Helpful(0) Unhelpful(0)You have already voted this
  13. Avatar

    Golak Jena

    Two hours of videos and it is awesome. Valuable information. Now I can style any component. Thanks for nice tutorial.

    Helpful(0) Unhelpful(0)You have already voted this
  14. Avatar

    Jim Bucciferro

    Excellent tutorial. Learned a lot about Styled Components in 2 hours.

    Helpful(0) Unhelpful(0)You have already voted this
  15. Avatar

    Edinson

    excelente, muy buena su manera de explicar

    Helpful(0) Unhelpful(0)You have already voted this
  16. Avatar

    Sourav Mondal

    Course was helpful and covers real examples but there are couple of places where we can see improvement Using code which is accessible e.g. use button instead of div for hamburger menu Use proper variable naming e.g. use complete props instead of p Focus should be given to styled components. I felt a lot of time was given to write css. It’s definitely arguable as the course focuses on styled components A couple of more examples and links to best practices around styled components I really the dark theme part as the end, as it is becoming one of the primary needs in modern websites.

    Helpful(0) Unhelpful(0)You have already voted this
  17. Avatar

    Luke Harkess

    Awesome course, no fluff. Everything u need to know about styled components with some extra tips that are a great help.

    Helpful(0) Unhelpful(0)You have already voted this
  18. Avatar

    Jonathan Martinez

    Teaches the basics of styles components. UNNECESARILY FAST EXPLANATIONS, had some hard times trying to keep up; sometimes is so fast is pretty annoying. I didn’t quite like this course. There’s a complete section where the instructor clearly goes bananas and speaks kinda tongue twisterish. Not gonna refund the course because I did learn a couple of things, but definitely wouldn’t buy another one.

    Helpful(0) Unhelpful(0)You have already voted this
  19. Avatar

    Rory Cawley

    An excellent course that went way beyond my expectations.

    Helpful(0) Unhelpful(0)You have already voted this
  20. Avatar

    Abraham

    Great teacher and great content. Looking forward to more courses from Tom.

    Helpful(0) Unhelpful(0)You have already voted this
  21. Avatar

    Sam Watts

    Really enjoyed the aspect of the continuous project throughout this course. Tom s explanations are clear and the use cases are genuine, making it easy to picture where they can be applied in production. Prior to taking this course, I was fairly confident with styled components after teaching myself, but wanted to fill in the missing gaps. This course is accessible to new beginners and those like me that want a refresher! 🙂

    Helpful(0) Unhelpful(0)You have already voted this
  22. Avatar

    Kevin James O’Brien

    This one was great, Tom! Thanks a bunch!

    Helpful(0) Unhelpful(0)You have already voted this

    Add a review

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    React styled-components v5 (2020 edition)
    React styled-components v5 (2020 edition)

    $19.99 $13.99

    Price tracking

    Register New Account
    Reset Password
    Compare items
    • Total (0)
    Compare