What We Do

Company

Resources

Events

Blog

Free Consultation

ahoy@headway.io

(920) 309 - 5605

Intro to Styling in React JavaScript

April 21, 2020

April 21, 2020

6:00 pm

Presented By

Get updates on future events!

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Intro to Styling in React JavaScript

styling in react event graphiclive stream

Event recap and notes

Guest presenter Chris Held, developer at Headway, shared how to style your React app. Starting simple, using only css, then transitioning into more advanced styling concepts that can make React unique (and sometimes seem daunting for beginners).

Developer tools

Code Sandbox

Material

Presentation segments:

Introduction to Styling in React - 1:22
What are we building in this lesson? - 2:18
What is CodeSandbox and why is it helpful? - 4:03
JSX and style Prop - 9:36
What is JSS? - 16:05
What is Material Design? - 23:16
Material UI - 24:50
Tailwind CSS - 37:10
Starting React app in CodeSandbox - 39:22
Sharing styles in a React app - 43:25
Sharing Styles across multiple projects or repositories - 46:12
Using JSS vs Styled Components - 52:30
Understanding Material UI Documentation (BIG TIME SAVER) - 1:08:15
Best Way to Get Started with React? - 1:16:27

📥 Download the presentation

More from the Headway development team

Level Up Your Development Team with Better Agile Retrospectives

How to Deliver Value During Pair Programming

Head to the Headway Development Blog

Reserve Your Spot

Event recap and notes

Guest presenter Chris Held, developer at Headway, shared how to style your React app. Starting simple, using only css, then transitioning into more advanced styling concepts that can make React unique (and sometimes seem daunting for beginners).

Developer tools

Code Sandbox

Material

Presentation segments:

Introduction to Styling in React - 1:22
What are we building in this lesson? - 2:18
What is CodeSandbox and why is it helpful? - 4:03
JSX and style Prop - 9:36
What is JSS? - 16:05
What is Material Design? - 23:16
Material UI - 24:50
Tailwind CSS - 37:10
Starting React app in CodeSandbox - 39:22
Sharing styles in a React app - 43:25
Sharing Styles across multiple projects or repositories - 46:12
Using JSS vs Styled Components - 52:30
Understanding Material UI Documentation (BIG TIME SAVER) - 1:08:15
Best Way to Get Started with React? - 1:16:27

📥 Download the presentation

More from the Headway development team

Level Up Your Development Team with Better Agile Retrospectives

How to Deliver Value During Pair Programming

Head to the Headway Development Blog

April 21, 2020

6:00 pm

live stream

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Subscribe for future events

Stay up to date on upcoming events like this one and get valuable resources delivered to your inbox.

Thanks for signing up!
Oops! Something went wrong while submitting the form.

More events and videos

The Manifest

Receive the latest articles, resources, events, and more!