Courses for Front-End Web Developers

React is one of the web’s most popular frameworks for building JavaScript applications. 

If you know what you’re doing, React can drastically simplify how you build, use, and maintain code.

Whether you’re a React newbie or you’re ready for advanced techniques, you can level-up with egghead. Explore our in-depth courses, lessons, and community resources to build more powerful applications and crack open your career.

react

This lesson takes a look at the theming aspect of the [emotion-js](https://emotion.sh/) library. Specifically, we'll walk through the steps of setting up a ReactJS application to use a global theme object which contains our styles. 

By the end of the lesson, we'll have migrated styled components away from using hard-coded CSS values to instead get access to these values via the `theme` object which the `<EmotionProvider>` component passes down to all of it's children as a `prop`. 

Set up emotion-theming within a ReactJS application

Here's an intro to the course material. Enjoy the course!

Introduction to The Beginner's Guide to ReactJS

<p>Sara Vieira, developer advocate and professional maker of dumb shit, talks through why she does her weird experiments on the internet. Sometimes it is out of need, but honestly a lot of the time it is a random thing that she thinks of or something that someone says that brings up the idea, and she just has to make it. A lot of it is out of boredom, and also procrastination from other projects that she just doesn't want to do. </p><p>Sara calls herself a lazy developer, but that doesn't mean she isn't working. She finds simpler solutions that involve less coding and also avoids things that aren't necessarily interesting or fun for her to do, like CSS or writing her talk for a conference... A part of being a lazy developer is using the right tool for the job. GraphQL and Redux have an almost cult-like following, but for small apps, their solutions for state management and fetching data are complete overkill.</p><p>Netlify and Zeit's Now are great for deploying your projects, they allow you to get your unique dumb-shit out there quickly. There was this period where services were all focusing on scalability, but it wasn't easy to just throw your wacky side-projects out on the internet. </p><p>Sara is organizing the conference ReactJS Girls which will be happening in London on May 3rd, 2019. It started last year while Sara was living in London. She hosted a meetup where all the speakers would be women, but everyone was welcome to attend as a guest. Organizing it this way had multiple benefits, it acted as a filter for the dicks who wouldn't want to learn from women, and it empowered first-time speakers who'd otherwise feel imposter syndrome or fear of judgment. </p><hr /><h3>Transcript</h3><p><a href="https://egghead.simplecast.com/episodes/a63f7af2/transcript">"Making Dumb Stuff That Makes Strangers on the Internet Smile - with Sara Vieira" Transcript</a></p><h3>Resources:</h3><ul><li><a href="https://reactjsgirls.com">ReactJS Girls Conference</a></li><li><a href="https://twitter.com/reactjsgirls?lang=en">ReactJS Girls Twitter</a></li><li><a href="https://meme.iamsaravieira.com/">meme.iamsaravieira.com</a></li><li><a href="https://dan.church/">dan.church</a></li><li><a href="https://awesometalks.party/">awesometalks.party</a></li></ul><h3>Sara Vieira:</h3><ul><li><a href="https://twitter.com/NikkitaFTW">Twitter</a></li><li><a href="https://iamsaravieira.com/">Website</a></li><li><a href="https://github.com/SaraVieira">GitHub</a></li><li><a href="https://medium.com/@nikkitaftw">Medium</a></li></ul><h3>Joel Hooks</h3><ul><li><a href="https://twitter.com/jhooks">Twitter</a></li><li><a href="https://joelhooks.com/">Website</a></li></ul>

Today we are joined by Sara Vieira, a developer advocate and maker of wacky stuff on the internet. She joins us today to talk about why she makes all of her weird experiments, how being a lazy developer doesn't mean she isn't doing work, the Redux cargo cult, why you shouldn't always use GraphQL, her meetups and upcoming conference for woman speakers, and of course making people smile. 

Making Dumb Stuff That Makes Strangers on the Internet Smile with Sara Vieira

<p>Kent C. Dodds, a leading React expert, speaks with John Lindquist and Joel Hooks, the co-founders of egghead, about how React is a fantastic technology to learn for both newcomers to programming and Javascript grey-beards alike.</p><p>Kent talks about how great componentizing your code is. No longer are you going in and writing HTML for all your pages, you are now writing powerful and useful javascript components.</p><p>The concepts that React got built upon don't just apply to React code. Joel talks about how he taught the React style of componentized code, but using Angular in the workshops he has run.</p><p>Kent and Joel also discuss the importance of ES6. There are still new Javascript tutorials that are get written in ES5, Joel explains why this is shortsighted. The future of Javascript is moving to ES6. Not only that but ES6 is an excellent improvement over ES5.<br />New and powerful features can be leveraged with it, spread syntax, arrow functions, modules. These features are the direction Javascript is moving.</p><p>So check it out. Learn this new technology and see that it's not so weird, with Kent's new courses <a href="https://egghead.io/courses/the-beginner-s-guide-to-reactjs">The Beginner's Guide to ReactJS</a> and <a href="https://egghead.io/courses/advanced-react-component-patterns">Advanced React Component Patterns</a></p><hr /><h3>Transcript</h3><p><a href="https://egghead.simplecast.com/episodes/learn-react-with-kent-c-dodds/transcript">"Learning React with Kent C. Dodds" Transcript</a></p><h3>Resources</h3><ul><li><a href="https://egghead.io/courses/the-beginner-s-guide-to-reactjs">The Beginner's Guide to ReactJS</a></li><li><a href="https://egghead.io/courses/advanced-react-component-patterns">Advanced React Component Patterns</a></li><li><a href="https://egghead.io/courses/learn-es6-ecmascript-2015">Learn ES6</a></li><li><a href="https://codesandbox.io/">codesandbox.io</a></li><li><a href="https://reactjs.org/docs/hello-world.html">React Documentation</a></li></ul><h3>Kent C. Dodds</h3><ul><li><a href="https://kentcdodds.com/">kentcdodds.com</a></li><li><a href="https://twitter.com/kentcdodds">Twitter</a></li><li><a href="https://github.com/kentcdodds">Github</a></li></ul><h3>John Lindquist</h3><ul><li><a href="https://twitter.com/johnlindquist?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">Twitter</a></li><li><a href="https://egghead.io/instructors/john-lindquist">egghead.io</a></li><li><a href="https://github.com/johnlindquist">Github</a></li><li><a href="https://johnlindquist.com/">Website</a></li></ul><h3>Joel Hooks</h3><ul><li><a href="https://twitter.com/jhooks">Twitter</a></li><li><a href="https://joelhooks.com/">Website</a></li></ul>

Kent C. Dodds, a leading React expert, speaks with John Lindquist and Joel Hooks, the co-founders of egghead, about how React is a fantastic technology to learn for both newcomers to programming and Javascript grey-beards alike. 

Search

Search Results

Set up emotion-theming within a ReactJS application

Introduction to The Beginner's Guide to ReactJS

Making Dumb Stuff That Makes Strangers on the Internet Smile with Sara Vieira

Learning React with Kent C. Dodds