Artwork

Player FM - Internet Radio Done Right
Checked 3d ago
اضافه شده در two سال پیش
محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal
Player FM - برنامه پادکست
با برنامه Player FM !
icon Daily Deals

CSS Flexbox - The Complete 2023 Crash Course

12:23
 
اشتراک گذاری
 

Manage episode 371223970 series 3493400
محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal
  continue reading

297 قسمت

Artwork
iconاشتراک گذاری
 
Manage episode 371223970 series 3493400
محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal
  continue reading

297 قسمت

همه قسمت ها

×
 
Struggling to understand the difference between controlled and uncontrolled components in React? In this video, I'll walk you through simple examples of both, explain when you should use each, and show you the real-world pros and cons. 📚 What you'll learn: What a controlled component is What an uncontrolled component is How to implement both types of inputs Which approach is better for different situations Whether you're building simple forms or complex user interfaces, mastering this concept will make your React apps cleaner and easier to maintain. #react #webdevelopment #reactjs…
 
Code: https://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.…
 
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: https://github.com/coderyansolomon/react-events…
 
Learn about supported and unsupported patterns when it comes to client and server components in Next.js! Code: https://github.com/coderyansolomon/server-client-render Docs: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#unsupported-pattern-importing-server-components-into-client-components…
 
GitHub: https://github.com/coderyansolomon/dynamic Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes JSON Placeholder API: https://jsonplaceholder.typicode.com/ Dive deep into the world of Next.js with this comprehensive tutorial on dynamic and catch-all routes. Learn how to effectively implement flexible routing strategies that can transform your web applications. This video will guide you step-by-step through the concepts and practical implementations, ensuring you have all the tools needed to leverage these powerful features in Next.js.…
 
Discover a common yet critical mistake in Next.js involving serialization and prop passing. This video provides a clear explanation and shows you how to avoid this error to enhance your app's performance and reliability. Perfect for developers looking to refine their Next.js skills! GitHub: https://github.com/coderyansolomon/serialization Next.js Docs: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#client-components React.js Docs: https://react.dev/reference/rsc/use-server#serializable-parameters-and-return-values…
 
In this comprehensive tutorial, we delve into a crucial topic for Next.js developers: the proper integration of client and server components. Discover the common mistakes developers make when interleaving these components and learn the best practices to avoid them. Whether you're a beginner or an experienced developer, this video will provide you with essential insights to enhance your Next.js applications. Watch now and master the art of component composition in Next.js! For more details, visit: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#interleaving-server-and-client-components.…
 
In today's video, you'll learn how useFormState and useFormStatus work in React. These are new hooks coming to React.19 -- in this video, I use the Canary version of React. Final Code: https://github.com/coderyansolomon/react-19-form-hooks React Hooks: https://react.dev/reference/react-dom/hooks/useFormState…
 
Code splitting: https://tanstack.com/router/latest/docs/framework/react/guide/code-splitting Starter project: https://github.com/coderyansolomon/tanstack-fundamentals In this video, I cover what code splitting is, what the benefits are of it, and how to implement it for a React.js application using TanStack as the routing system.…
 
Docs: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees#non-nested-routes Starter Project: https://github.com/coderyansolomon/tanstack-fundamentals This video covers non-nested routes in React.js. More specifically, we cover how to implement non-nested routes using TanStack router.…
 
Github: https://github.com/coderyansolomon/tanstack-fundamentals TanStack: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees This video explores the TanStack Router's route trees and nesting features for React developers, showcasing how to structure and manage complex application routes efficiently. It provides insights into leveraging TanStack Router for dynamic and nested routing, enhancing app scalability and maintainability.…
 
Chris' website: https://gomakethings.com/code-ryan/ In this podcast episode, Chris Ferdinandi and I delve into the world of web components, uncovering their significance in the landscape of modern web development. The discussion kicks off with an exploration of Chris' personal journey in technology, setting the stage for an in-depth examination of web components and their benefits. We tackle the distinctions between developing with web components and other prevalent methodologies, emphasizing why web components are particularly effective for authoring DOM manipulation libraries. The conversation then shifts to the nuts and bolts of DOM manipulation libraries themselves, followed by practical advice on how beginners can start working with web components.…
 
Swyx's website: https://www.swyx.io Letent Space: https://www.latent.space/ Swyx on YouTube: https://www.youtube.com/swyxTV In this interview, we delve into the dynamic world of tech with Swyx, a prominent figure in the AI and software development sphere. Swyx shares his journey in the tech industry, focusing on his transition into the realm of AI and its implications for the future of software development. We explore the concept of 'Software 3.0' and its transformative impact, particularly on web developers. Swyx offers his insights on how AI and developers can synergize, potentially reshaping the role of AI in coding and the evolving responsibilities of AI engineers. Addressing a common concern, he discusses whether developers should worry about job security in an AI-centric future. Swyx also provides valuable advice for developers seeking to stay relevant and harness the power of AI tools, recommending specific areas of AI to focus on.…
 
Parth's YouTube: https://www.youtube.com/DestinationFAANG/ Most asked Technical Questions: https://docs.google.com/spreadsheets/d/1hzP8j7matoUiJ15N-RhsL5Dmig8_E3aP/edit#gid=1377915986 Github Repo with all the Solutions: https://github.com/DestinationFAANG/Destination-FAANG-Java-Solution Book: Cracking the Coding Interview, Programming interviews exposed Preparation Schedule: https://www.techinterviewhandbook.org/coding-interview-study-plan/ Master Technical Interviews: https://youtu.be/-LVmKNvflnY?si=jrXIS8uzf9haBVED In this episode, Parth joins me to delve deep into the heart of technical interviews, a critical gateway in the tech industry. Our comprehensive discussion covers the various formats of technical interviews across different companies, highlighting the diversity and commonalities in these crucial assessments. We explore the typical pitfalls and mistakes that candidates often encounter, providing practical advice on how to avoid them. Our conversation also navigates through effective strategies for tackling tough technical questions, even when the answer seems elusive.…
 
Atila's website: https://atila.io/ Join us in this enlightening episode of the Code Ryan podcast as Atila delves deep into the realm of web development frameworks, dissecting the nuances between SolidJS and React. From their core concepts, strengths, and integration capabilities to potential pitfalls for newcomers, Atila provides a comprehensive breakdown, helping listeners discern the true essence and potential of these two powerhouse frameworks.…
 
GitHub: https://github.com/coderyansolomon/grudge-list TimeStamps: 00:00 - Intro and Overview of Server Actions 02:40 - Setup database and create table 14:07 - Setup User Interface 18:44 - Setup Server Action 25:20 - Get data from our Database 28:00 - Revalidate Path 32:37 - useFormStatus Dive into the cutting-edge world of Next.js 14 with our comprehensive video that not only gives you a theoretical overview of the newly introduced server actions but also walks you through the exciting journey of building a full stack application from scratch. This tutorial is crafted to demystify server actions and showcase their practical implementation, providing you with the insights and hands-on experience needed to elevate your web development skills.…
 
GitHub Project: https://github.com/coderyansolomon/partial-rendering Explore the intricacies of partial rendering in Next.js 14 with this detailed tutorial. Delve into the fundamentals and understand how this feature can enhance your web applications. Through real-world examples, we'll demonstrate the practical applications of partial rendering, ensuring you grasp its full potential.…
 
Tuomo on YouTube: @TuomoKankaanpaa In this episode of the Code Ryan podcast, we sit down with the insightful Tuomo to chart his unique journey in the tech world and delve deep into the universe of Next.js. From personal anecdotes on learning and using Next.js to invaluable advice for budding developers, Tuomo covers it all…
 
GitHub Project: https://github.com/coderyansolomon/ai-chat Cohere: https://dashboard.cohere.com/welcome/login I'm not going to link my deployed project, as I just have the free trial account so there's a chance it wouldn't work when you go to check it out. Unlock the power of Next.js 13 as we dive deep into its routing capabilities in this comprehensive tutorial. Discover how to seamlessly build and deploy a cutting-edge AI chat application, ensuring you gain hands-on experience and master the nuances of modern web development.…
 
In this podcast, Florian from the YouTube channel @codinginflow joins me to discuss what you need to know about the latest Next.js app router. We discuss his tech journey as well as getting into the details about how to migrate from the pages router to the app router in Next.js and same major difference between the two.…
 
Join us in this episode of the Code Ryan podcast as we delve into the world of Firebase with our esteemed guest, Rafid Hoda. Charting his unique tech journey, Rafid unpacks the intricacies of Firebase, highlighting its standout features, integration capabilities, and common pitfalls for beginners. Rafid's Firebase Course - https://scrimba.com/learn/learnfirebase (I make no affiliate income from the course. But I think it's probably a great resource for learning Firebase)…
 
Elliott's YouTube: https://www.youtube.com/@elliottchong From sharing his personal tech journey to unpacking the ins and outs of Next.js, Elliott provides invaluable insights. We delve deep into the world of AI in web development, tackle questions about AI's impact on the future of the industry, and explore Elliott's favorite technologies, including Tailwind, TypeScript, and Prisma.…
 
Dennis on YouTube: https://www.youtube.com/@DennisIvy In this episode of the Code Ryan podcast, we delve into the dynamic world of web development with expert Dennis. Together, we explore his journey in the tech industry, the transformative changes in web development over the years, and the potential impact of AI on developers. We also demystify common misconceptions about React.js and dive deep into the realm of Appwrite — understanding its advantages for React developers and gleaning invaluable insights on its seamless integration.…
 
In this video, you will learn how to handle different Tailwind CSS states like hovering, active, etc. Also, you'll learn about using media queries, pseudo elements, attribute selectors, and more. Github: https://github.com/coderyansolomon/tailwind 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.…
 
Tapas on YouTube: @tapasadhikary From the foundational understanding of function declarations, arguments, and parameters to the nuanced intricacies of scopes, closures, and arrow functions, Tapas breaks it all down with clarity. Beyond coding, we also touch upon the ever-evolving tech landscape, with Tapas sharing invaluable career insights for budding engineers and weighing in on the AI-driven future of the industry.…
 
In Todays video, I cover a core concept of Tailwind CSS. We take a look at how Tailwind is utility-first, and how that's beneficial. Github project: https://github.com/coderyansolomon/tailwind 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.…
 
This is a complete beginner's introduction to Tailwind CSS. I cover what it is, how it works, and I show some examples of using Tailwind in an actual application. Github: https://github.com/coderyansolomon/tailwind 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.…
 
Welcome back to another enlightening episode of the Code Ryan podcast! Today, we're joined by the insightful Chris from the popular YouTube channel @CodinginPublic. Embark on a journey with us as Chris shares his personal tech story and gives us an in-depth look at the Astro web framework. Why is Astro creating such a buzz in the developer community? From its standout features to the revolutionary "Islands" architecture, we unravel the many layers of this emerging tool. Plus, Chris shares invaluable insights on the best use-cases for Astro, common pitfalls to watch out for, and tips for those eager to master this framework. Chris' YouTube Channel: @CodinginPublic ​…
 
React Hook Form: https://react-hook-form.com/ Github Project: https://github.com/coderyansolomon/react-forms Embark on a journey to master React Hook Form with our comprehensive crash course designed specifically for React developers. This tutorial delves into the core fundamentals of React Hook Form, providing a fast-paced yet thorough learning experience. Whether you're a beginner or looking to sharpen your skills, this video is your gateway to becoming proficient in React Hook Form quickly and effectively.…
 
Explore the intricacies of securing your Next.js applications with React Server Components in our latest video. We cover essential strategies to prevent data leaks and reinforce your app against vulnerabilities, providing a comprehensive guide based on the insightful article: https://nextjs.org/blog/security-nextjs-server-components-actions. Join us for expert tips and deep dives into secure coding practices, ensuring your Next.js project is robust and secure.…
 
In this video, I delve into my personal journey of landing my first software engineering job, with a special focus on the interview process. I'll share the preparation strategies that worked for me. Plus, I'll offer insider tips and insights on navigating the challenging world of tech interviews, aimed at helping aspiring software engineers secure their dream job.…
 
GitHub: https://github.com/coderyansolomon/server-only API: https://developer.themoviedb.org/reference/intro/getting-started In this insightful Next.js tutorial, viewers will learn the crucial technique of keeping server-only code out of the client environment. The tutorial delves into the common issue faced in JavaScript modules shared between server and client components, where server-specific elements, such as private API keys, may unintentionally become exposed on the client side. By focusing on a practical example of a data-fetching function, the tutorial demonstrates how seemingly universal functions can inadvertently include server-only code.…
 
Github: https://github.com/coderyansolomon/social-auth In this comprehensive tutorial video, viewers will embark on a journey to master the integration of social authentication into a Next.js application using Supabase. The video provides a step-by-step guide, starting from the basics of setting up a Next.js project, to the intricacies of configuring Supabase for social login functionalities.…
 
Github project: https://github.com/coderyansolomon/middleware In this engaging tutorial, we dive into the world of Next.js to explore the powerful role of middleware in creating secure, protected routes. Tailored for both beginners and seasoned developers, the video offers a concise yet comprehensive guide, demonstrating step-by-step how to implement middleware for route protection in Next.js applications.…
 
James' YouTube: @Smoljames In this podcast, we delve into the journey of transitioning into the world of software engineering. Listeners will gain insights and practical strategies for overcoming challenges and successfully securing their first job in the tech industry. Featuring expert advice and real-life success stories, this episode is a must-listen for anyone aspiring to break into the dynamic and rewarding field of software engineering.…
 
Mark's Youtube: @goodgis In this episode, we embark on a fascinating journey through the world of game development, beginning with our guest's personal tech story and their entry into the realm of gaming. We dive into a thought-provoking discussion about the efficacy of JavaScript for game development, examining its strengths and limitations. The conversation then shifts to contrasting game development with web development, highlighting the unique challenges and overlapping principles between these two domains…
 
Loading …

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.

 

icon Daily Deals
icon Daily Deals

راهنمای مرجع سریع

در حین کاوش به این نمایش گوش دهید
پخش