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).