Code RyanDiscover the art and science of CSS with the insightful Kevin Powell. In this engaging conversation, Kevin shares his personal journey into the world of CSS and dives into the often-overlooked features that can supercharge your web designs. Explore the fascinating landscape of CSS frameworks like Tailwind, and gain valuable insights into the CSS in JS debate. Kevin also unveils his preferred approaches to styling applications, challenges common CSS best practices, and recommends the ones worth sticking to.
If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.
CSS Mastery with Kevin Powell: Unveiling Uncommon KnowledgeCode Ryan2023-09-27 | Discover the art and science of CSS with the insightful Kevin Powell. In this engaging conversation, Kevin shares his personal journey into the world of CSS and dives into the often-overlooked features that can supercharge your web designs. Explore the fascinating landscape of CSS frameworks like Tailwind, and gain valuable insights into the CSS in JS debate. Kevin also unveils his preferred approaches to styling applications, challenges common CSS best practices, and recommends the ones worth sticking to.
If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.Dont Do This In Next.js.. #reactjs #nextjs #javascriptCode Ryan2024-10-16 | ...Understanding Mutable Values In React.js #reactjs #javascriptCode Ryan2024-10-15 | ...Try Not To Make This Mistake In Next.js #nextjs #reactjsCode Ryan2024-10-14 | ...A Commonly Misunderstood React ConceptCode Ryan2024-10-14 | Today, I do my best to clearly explain how snapshots work in React and why they're important to understand.What To Know About Next.js Project Organization? #nextjs #javascriptCode Ryan2024-10-13 | ...This Is Important To Understand About React Components #reactjs #javascript #softwareengineerCode Ryan2024-10-12 | ...Does React.js Batch State Updates? #reactjs #javascriptCode Ryan2024-10-11 | ...What Is State In React.js, Really? #reactjs #softwareengineerCode Ryan2024-10-10 | ...Many React Developers Dont Understand ThisCode Ryan2024-10-10 | Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.jsWhat does useState return In React.js? #reactjs #softwareengineerCode Ryan2024-10-10 | ...A Fundamental To Understand About React.js #reactjs #softwareengineerCode Ryan2024-10-08 | ...Know This About Mutable Values In React.js #reactjs #javascriptCode Ryan2024-10-07 | ...This Can Be A Problem In Next.jsCode Ryan2024-10-07 | Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.This Is How Events Are Handled In React.js #reactjs #javascriptCode Ryan2024-10-05 | ...This isnt a great idea in Next.js #nextjs #reactjs #javascriptCode Ryan2024-10-04 | ...What Triggers A Render In React.js? #reactjs #softwareengineerCode Ryan2024-10-03 | ...The Next.js Mistake That Breaks Your DataCode Ryan2024-10-03 | nextjs.org/docs/app/api-reference/functions/revalidatePathHow Does Routing Work In Next.js? #nextjs #reactjs #javascriptCode Ryan2024-10-02 | ...This Is How React.js Really Re-Renders #reactjs #webdevelopment #javascriptCode Ryan2024-10-01 | ...Did you know this about React state updates? #reactjs #softwareengineerCode Ryan2024-09-30 | ...The Complete Guide To Mastering React StateCode Ryan2024-09-30 | Code: github.com/coderyansolomon/react-state
In this video, we'll explore why React's useState hook is essential for building interactive user interfaces. Through a simple counter example, you'll see how relying on plain JavaScript variables fails to trigger UI updates when data changes. By the end, you'll understand how state management ensures your components stay in sync with dynamic data.Remember This If Youre Using Next.js #reactjs #nextjs #javascriptCode Ryan2024-09-28 | ...What do Server Actions do In Next.js? #nextjs #reactjs #softwareengineeringCode Ryan2024-09-27 | ...How Do You Create Nested Routes In Next.js? #nextjs #reactjsCode Ryan2024-09-26 | ...Master React: Essential Event Handling TechniquesCode Ryan2024-09-26 | Learn how to handle events in React.js with this step-by-step tutorial, perfect for beginners. We'll cover essential techniques for managing button clicks, input changes, and form submissions in a simple, easy-to-follow format. By the end, you'll be equipped to confidently implement event handling in your React projects!
Code: github.com/coderyansolomon/react-eventsA Key To Understanding React Rendering #reactjs #webdevelopmentCode Ryan2024-09-25 | ...What is Rendering In React.js, Really? #reactjs #softwareengineering #codingCode Ryan2024-09-24 | ...When Should You Use Client Components In Next.js? #reactjs #nextjsCode Ryan2024-09-24 | ...EASY UX Upgrade: Snap Scrolling with Next.js & TailwindCode Ryan2024-09-23 | Learn how to build a cool scroll-snap feature in Next.js using Tailwind CSS!
Final Code: github.com/coderyansolomon/scrollsnapDid you know this tricky Next.js concept? #nextjs #javascriptCode Ryan2024-09-23 | ...How Does React Render Components, Really? #reactjs #webdevelopmentCode Ryan2024-09-21 | ...Did you know this about Next.js? #nextjs #reactjsCode Ryan2024-09-20 | ...What Triggers A Render In React.js? #reactjs #javascriptCode Ryan2024-09-19 | ...Avoid This Common React Mistake Newbies MakeCode Ryan2024-09-19 | Topics Covered:
What is an event? How are event handlers typically passed? Calling a function rather than passing a reference to a function But what if you need to pass arguments? When possible, I like creating functions outside of the component so I can test them a bit easier via exportsHow does useState work in React.js? #reactjs #javascriptCode Ryan2024-09-18 | ...Do You Know React Rendering Worked Like This? #reactjs #webdevelopmentCode Ryan2024-09-17 | ...The Surprising Key to Overcoming Coding BlocksCode Ryan2024-09-16 | Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well.This Is An Important Web Dev Concept To Understand #webdevelopment #coding #softwareengineerCode Ryan2024-09-15 | ...Learn This BEFORE Learning React.js #reactjs #javascriptCode Ryan2024-09-15 | ...Did you know this web browser feature? #coding #webdevCode Ryan2024-09-13 | ...Avoid This Common Newb React.js Mistake #reactjs #javascriptCode Ryan2024-09-12 | ...THIS Is The HARDEST Part Of Software EngineeringCode Ryan2024-09-12 | Today, I discuss what I think is one of the hardest parts about software engineering.Whats a Hook In React.js? #reactjs #webdevelopmentCode Ryan2024-09-11 | ...Keep This In Mind About State In React.js #reactjs #webdevelopmentCode Ryan2024-09-10 | ...Dont Make This Beginner React.js Mistake #reactjs #webdevelopment #softwareengineerCode Ryan2024-09-10 | ...React State Explained: The Key to Dynamic Apps (Beginners Guide)Code Ryan2024-09-09 | Today, I cover exactly what state is in React.js.How To Handle Events In React.js? #reactjs #webdevelopmentCode Ryan2024-09-07 | ...Whats an Event In React.js? #reactjs #webdev #softwareengineerCode Ryan2024-09-06 | ...How To Link Within A Page In Web Dev #webdevelopment #softwareengineerCode Ryan2024-09-05 | ...5 Things I Love About Being a Software Engineer (And You Will Too)Code Ryan2024-09-05 | In today's video, I cover 5 things I really enjoy about being a software engineer.
And for the record, I don't actually think AI will be taking all of our jobs.. yet.