November Tutorials Round-Up
Hi everyone! π©βπ» π¨βπ»
Some great links to share with you this month, including friendly tutorials about GatsbyJS, React, CSS, Git and how to speed up your sites.
Happy coding!
β Michael, Up & Running Tutorials
GATSBY
Introducing Gatsby Tutorials β Gatsby Tutorials is a filterable and sortable directory of all the GatsbyJS learning resources currently available online. π It gathers every video, audio and written Gatsby tutorial into one place so you can easily find it when you need it. π©βπ»π
Be Healthy and Love Gatsby with Jason Lengstorf β Great React Podcast conversation between Michael Chan and Jason Lengstorf about how Jason's life got a whole lot better after trading his 70-hour work weeks for more time off and more Gatsby. π΄π
REACT
A Simple Intro to React Hooks β Have you tried the new Hooks feature in @reactjs yet? No??? π± This excellent intro by Dave Ceddia might just fire you up.
React Hooks and Suspense β Interested in learning the new Hooks feature in React? These videos by Kent C. Dodds are soooo clear and helpful. π
What are React Hooks? β A great explanation by Robin Wieruch of how the new Hooks feature in React works and how it can make your code more readable and reusable. β
React 16.x Roadmap β Heard about new React features like "Hooks", "Suspense" and "Concurrent Mode" and wondering when you can use them? This post from the React team clarifies when each will be ready. π
Use Hooks β A fantastic resource for exploring React Hooks that inspires you with one new hook example per day.
WEB PERFORMANCE
Shine a light on JavaScript performance with Lighthouse β Website loading slowly? π This friendly tutorial by Addy Osmani shows you how a Lighthouse audit in Chrome Dev Tools can identify which parts of your site can load laterβor maybe not at all!
Addy Osmani's 18-Point Web Performance Checklist β Another helpful resource from Addy Osmaniβthis time a checklist of 18 quick ways to speed up your sites. β‘οΈ
CSS
A Real-Life Journey Into the Opinionated World of βUtility-Firstβ CSS with Simon Vrachliotis β A fantastic talk by Simon Vrachliotis about how adopting utility-first CSS with Tachyons and TailwindCSS helped speed up his workflow and solve issues that arise with CSS on large projects.
Everything You Know About Web Design Just Changed β New to CSS? Want to understand how techniques for creating website layouts have changed over time? This epic presentation by Jen Simmons covers everything you need to know. π¨
Simplify Styling with Functional CSS β Is your project's CSS growing too large to manage? Do changes always seem to break something you didn't expect? π¬ This post by Harry Nicholls shows how utility-first CSS can help solve these issues.
CSS Frameworks Or CSS Grid: What Should I Use For My Project? β Now that CSS grid is supported by 88% of browsers, do you still need a CSS framework? π€ This thoughtful post by Rachel Andrew weighs the pros and cons.
GIT
Demystifying Open Source Contributions β Want to contribute to an open source project, but not sure how? πββοΈ This beginner-friendly tutorial by Wassim Chegham shows how easy it is to get started.
An Intro to Git and GitHub for Beginners β Using Git and GitHub for the first time? This tutorial by Meghan Nelson is thorough, friendly and a great place to start. πΊ
Oh shit, git! β Oh no! Stuck in a git-related disaster? π¨ Here are some timely tips to get you out of danger (presented in entertaining fashion by Katie Sylor-Miller).