Africa-focused technology, digital and innovation ecosystem insight and commentary.
…
continue reading
Player FM - Internet Radio Done Right
Checked 1d ago
הוסף לפני two שנים
Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.
Схожі до Code Ryan
Show notes are at https://stevelitchfield.com/sshow/chat.html
…
continue reading
Download This Show is your weekly guide to the world of media, culture, and technology. From social media to gadgets, streaming services to privacy issues. Each week Rae Johnston and guests take a fun, deep dive into how technology is reshaping our lives.
…
continue reading
The power of Data is undeniable. And unharnessed - it’s nothing but chaos. Making data your ally. Using it to lead with confidence and clarity. Host Jess Carter is solving problems in real-time to reveal what’s possible. Helping communities and people thrive. This is Data Driven Leadership, a show brought to you by Resultant.
…
continue reading
Flash Forward is a show about possible (and not so possible) future scenarios. What would the warranty on a sex robot look like? How would diplomacy work if we couldn’t lie? Could there ever be a fecal transplant black market? (Complicated, it wouldn’t, and yes, respectively, in case you’re curious.) Hosted and produced by award winning science journalist Rose Eveleth, each episode combines audio drama and journalism to go deep on potential tomorrows, and uncovers what those futures might re ...
…
continue reading
WSJ’s Bold Names brings you conversations with the leaders of the bold-named companies featured in the pages of The Wall Street Journal. Hosts Tim Higgins and Christopher Mims speak to CEOs and business leaders in interviews that challenge conventional wisdom and take you inside the decisions being made in the C-suite and beyond.
…
continue reading
Android Backstage, a podcast by and for Android developers. Hosted by developers from the Android engineering team, this show covers topics of interest to Android programmers, with in-depth discussions and interviews with engineers on the Android team at Google. Subscribe to Android Developers YouTube → https://goo.gle/AndroidDevs
…
continue reading
The director’s commentary track for Daring Fireball. Long digressions on Apple, technology, design, movies, and more.
…
continue reading
We help founders make something people want.
…
continue reading
Three nerds discussing tech, Apple, programming, and loosely related matters.
…
continue reading
Player FM - додаток Podcast
Переходьте в офлайн за допомогою програми Player FM !
Переходьте в офлайн за допомогою програми Player FM !
))
Daily Deals
Подкасти, які варто послухати
РЕКЛАМА
<
<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/the-agile-brand-with-greg-kihlstromr-expert-mode-marketing-technology-ai-cx">The Agile Brand with Greg Kihlström®: Expert Mode Marketing Technology, AI, & CX</a></span>
Expert mode marketing technology, AI, and CX insights from top brands and Martech platforms fill every episode, focusing on what leaders need to know to build customer lifetime value and long-term business value. The Agile Brand with Greg Kihlström® features executives and thought leaders from top brands and tech platforms discussing the industry's trends, like AI adoption, first-party data strategies, artificial intelligence in the consumer journey, consumer data privacy, omnichannel customer experience, and more. The Agile Brand is hosted by Greg Kihlström, martech and artificial intelligence transformation advisor and consultant to leading brands, speaker, entrepreneur, and best-selling author. It provides a fresh perspective on the continually evolving dynamic between brands and the audiences they serve.
Demystifying React Testing: Pitfalls, Best Practices, and the React Testing Library | Daniel Afonso
Manage episode 374095189 series 3493400
Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.
In this engaging episode, we delve into the intricate world of testing in React JS with our guest, Daniel Afonso - a seasoned expert in the field. Uncover common mistakes often overlooked by developers, learn about best practices to streamline your testing process, and gain deep insights into the utility of the React Testing Library. Whether you're a novice trying to navigate the React ecosystem or a pro seeking to refine your skills, this episode offers practical takeaways to enhance your testing capabilities. Listen in to bolster your understanding of React Testing, and fortify your toolkit with the wisdom of experience and innovative techniques.
297 епізодів
Поширити
Manage episode 374095189 series 3493400
Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.
In this engaging episode, we delve into the intricate world of testing in React JS with our guest, Daniel Afonso - a seasoned expert in the field. Uncover common mistakes often overlooked by developers, learn about best practices to streamline your testing process, and gain deep insights into the utility of the React Testing Library. Whether you're a novice trying to navigate the React ecosystem or a pro seeking to refine your skills, this episode offers practical takeaways to enhance your testing capabilities. Listen in to bolster your understanding of React Testing, and fortify your toolkit with the wisdom of experience and innovative techniques.
297 епізодів
Усі епізоди
×
Learn how revalidation works in your fetch requests in Next.js
Learn how to handle uncaught errors in your Next.js apps!
Today, I cover an anti-pattern with using the useEffect hook in React.js
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching
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…
TLDR; don't mutate state directly. Always use setState when updating a piece of state. Also, pass a function when updating state based on previous state.
Today I explain a key point regarding server and client components in Next.js and passing props. Also, I explain what you should know regarding client boundaries in Next.js
Docs: https://www.korbit.ai/ I'm not affiliated with this tool in any way. We've just found it useful the last few months using it on our team. If you know any tools, or even something better than Korbit, let me know in the comments below.
Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components.
In todays video, I cover the core concepts of React.js in about 20 minutes. Of course, this isn't everything you need to know. But it is a good starting place and review for some.
docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components
Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components
Docs: https://nextjs.org/docs/app/building-your-application/rendering
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
Learn how to use Suspense and streaming for sequential data fetching in Next.js
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference
Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap
Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware
Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store
Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes
Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui
Today I cover an issue you might run into with running code multiple times in React -- especially when running initialization code -- and how React thinks you should solve it Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
Docs: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups
Docs: https://react.dev/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes
Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
Learn how to use the redirect and permanenetRedirect functions in Next.js -- https://nextjs.org/docs/app/building-your-application/routing/redirecting#redirect-function
Docs: https://react.dev/learn/synchronizing-with-effects
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense
Docs: https://react.dev/learn/synchronizing-with-effects
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions
https://react.dev/learn/referencing-values-with-refs#recap
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router
Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating Link API - https://nextjs.org/docs/app/api-reference/components/link
Docs: https://react.dev/learn/passing-data-deeply-with-context
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates
Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
Today, I discuss the problem of state not being reset when rendering the same component in the same position within the React tree. Read more about this here: https://react.dev/learn/preserving-and-resetting-state#resetting-state-at-the-same-position
Today, I give a brief overview of how pages work in Next.js 15 and a few important things to know regarding pages. Learn more from the Next.js docs here: https://nextjs.org/docs/app/building-your-application/routing/pages
Today, I cover having a single source of truth in your React application's state. Docs: https://react.dev/learn/sharing-state-between-components#a-single-source-of-truth-for-each-state
Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes
Docs: https://react.dev/learn/preserving-and-resetting-state#
Today, I cover the change from sync to async apis in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/upgrading/version-15
Today, I discuss what it means to lift state in React.js and show you an example of how this might be done.
Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#
Today, I discuss a few solid options for organizing your Next.js projects. Docs: https://nextjs.org/docs/canary/app/building-your-application/routing/colocation#project-organization-strategies
Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation
I show you a step by step process for how to think about using state in React.js
Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.
As a web developer, it can be easy to just push a PR without considering how you can make things more maintainable and extendable in the long run.
Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state
Today, I cover what the status indicator means in your Next.js application as well as giving you a refresher on static vs dynamic rendering. Docs: https://nextjs.org/docs/app/api-reference/next-config-js/devIndicators#appisrstatus-static-indicator
Mutating state isn't a great idea in your React apps. But how should you update your objects and arrays? Doing full replacements or creating copies. I show you how in this video.
I discuss my experience with having a college degree for software engineering and if I think it's needed or not.
A common anti-pattern or mistake that's easy to make in your web apps is creating waterfalls with your network requests.
What does it mean for React to "batch" state updates? Why does it matter?
Today, you'll gain a high level understanding of 3 core Next.js concepts in just a few minutes. I cover file based routing, server/client components, and server actions.
Today, I do my best to clearly explain how snapshots work in React and why they're important to understand.
Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js
Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.
https://nextjs.org/docs/app/api-reference/functions/revalidatePath
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 how to build a cool scroll-snap feature in Next.js using Tailwind CSS! Final Code: https://github.com/coderyansolomon/scrollsnap
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 exports
Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well.
Today, I discuss what I think is one of the hardest parts about software engineering.
Today, I cover exactly what state is in React.js.
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.
Today, I'm going to do my best to discuss thinking about React as a tree like structure and why this is important.
Today, I'm going to cover 5 downside (plus one bonus) of working full time as a professional software engineer.
Today, learn what React.js is, some core concepts of React js, job outlook for React.js, and a complete overview of React.
In this video, learn how to correctly render lists in your React.js application! Code: https://github.com/coderyansolomon/react-lists React.js Docs: https://react.dev/learn/rendering-lists
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…
Code: https://github.com/coderyansolomon/conditional-render Docs: https://react.dev/learn/conditional-rendering Learn exactly how to conditional render content in React.js!
This video covers how the useParams hook works in Next.js. It also covers how params work generally in Next.js and why they're useful. Code: https://github.com/coderyansolomon/useparams/tree/main/app
In today's video, you'll learn exactly how props work in react.js. You'll learn what they are, how they work, why props exist, how to destructure them, if you should mutate them, how props.children work, what props forwarding is, and much more!
Code: https://github.com/coderyansolomon/components In todays video, I cover exactly how components work In React.js. You'll learn what components are, how they work, how to create them, how to render them, and much more!
Code: https://github.com/coderyansolomon/redirects-nextjs Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting Learn how to redirect in Next.js server components, client components, server actions, route handlers, and middleware
Learn how streaming and suspense can help improve your Next.js applications! Code: https://github.com/coderyansolomon/streaming
In this video, you'll learn about creating route, creating private folders, creating route groups, colocation, and more Check out the docs here for more information: https://nextjs.org/docs/app/building-your-application/routing/colocation#private-folders
React docs: https://react.dev/learn/writing-markup-with-jsx
React Docs: https://react.dev/learn/keeping-components-pure#where-you-_can_-cause-side-effects Deep dive into pure components in React.js!
GitHub: https://github.com/coderyansolomon/nested Learn layouts and Nested layouts in modern Next.js!
GitHub: https://github.com/coderyansolomon/lazy Docs: https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading Your guide to lazy loading components in Next.js!
Scripts Optimization Docs: https://nextjs.org/docs/app/building-your-application/optimizing/scripts#strategy Scripts API: https://nextjs.org/docs/app/api-reference/components/script Github: https://github.com/coderyansolomon/dynamic
C
Code Ryan
Colby's YouTube: @colbyfayock
Today, I cover how to manage quotas in Next.js using Kobble.io as our SaaS platform. K obble: https://docs.kobble.io/ Starter Project: https://github.com/coderyansolomon/kobble-auth
In this video, I cover how to manage permissions in your Next.js SaaS application. Kobble - https://kobble.io/ Starter Project (must add ENV codes.. watch part one auth first) - https://github.com/coderyansolomon/kobble-auth
Kobble: https://kobble.io/ Final Code: https://github.com/coderyansolomon/kobble-auth Learn how to authenticate your Next.js application for SaaS products using Kobble.io!
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.…
Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing Explore the fundamentals of routing in Next.js with this concise guide. Learn how to create routes, utilize route segments, and set up nested routes to structure your web applications effectively.
Docs: https://authjs.dev/getting-started/database Starting Project: https://github.com/coderyansolomon/next-authv5 Learn how to connect next-auth v5 to your database!
Docs: https://authjs.dev/getting-started GitHub: https://github.com/coderyansolomon/next-authv5 Learn the latest version of next-auth v5!
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…
Today, I cover a common mistake in Next.js related to revalidating the Next.js cache. You can read more about cache revalidation on the Next.js docs here: https://nextjs.org/docs/app/api-reference/functions/revalidatePath
Lucas's website: https://beacons.ai/lsantos
Learn how to quickly configure Prettier in your Next.js project with this easy-to-follow tutorial. Streamline your code formatting to enhance readability and maintain consistency across your development team. Perfect for beginners and experienced developers alike! Prettier: https://prettier.io/docs/en/…
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.…
Today, I cover something that really didn't make sense to me when I first started using Next.js: File conventions.
In today's video, I cover request memoization in React and Next.js. I show an example Next.js application of this working in practice. And I also discuss how it can prevent some headaches within your apps.
Today, I cover a common mistake to make when using Next.js server and client components. More specifically, it relates to using the use client directive.
Jonas's website: https://herrmannsdoerfer.dev/en/ In today's episode of the Code Ryan podcast, Jonas joins me to discuss GraphQL, Data Fetching Mistakes, AI taking web developer jobs, and much more.
In this video, I cover a new, updated guide for implementing authentication using Next.js and Supabase. Final Code: https://github.com/coderyansolomon/update-supabase-nextjs Supabase Docs: https://supabase.com/docs/guides/auth/server-side/nextjs
In today's video, I cover 5 things I wish I knew when I first started my software engineering career and some mistakes to avoid.
Starter Project: https://github.com/coderyansolomon/next-testing-starter Cypress Docs: https://docs.cypress.io/guides/core-concepts/testing-types Next.js Docs: https://nextjs.org/docs/app/building-your-application/testing/cypress
In today's video, I cover session management in Next.js. Specially, I cover cookie-based and database-based session management, what they are, and some examples of how they work. Article: https://nextjs.org/docs/app/building-your-application/authentication#session-management
Next.js Article: https://nextjs.org/docs/app/building-your-application/authentication#authorizationrevoked In this video, I cover the difference between authentication and authorization in web development. I also discuss ways to implement both in Next.js
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…
In today's video, I cover one of the trickiest aspects of React.js: Where do client components and server components start and end? What makes a client component? What makes a server component? The truth just might surprise you. Article covered: https://react.dev/reference/react/use-client
Zubin's LinkedIn: https://www.linkedin.com/in/zubinpratap/?originalSubdomain=au Zubin's Coaching: https://matchfitmastery.com/ Zubin's Podcast : https://www.youtube.com/@zubinpratap/podcasts (also available on Apple Podcasts & Spotify) Other resources from Zubin: https://linktr.ee/zubinpratap
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.…
React Article: https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024 Explore the cutting-edge features of React 19, including the React Compiler, Actions for seamless data handling, and the introduction of React Canaries for early feature adoption.
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.…
Starter Project: https://github.com/coderyansolomon/tanstack-fundamentals Docs: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees#pathless-routes Dive into the world of React development with our latest tutorial, where we uncover the secrets of pathless routes using the 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.…
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.…
Check out Tom's YouTube here: @WebDevEducation In this video, we cover Tom's path into development, freelance development vs working a 9-5, React.js changes over time, React.js mistakes, and more!
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.…
GitHub: https://github.com/coderyansolomon/tanstack-intro This video serves as an introductory guide to TanStack Router, showcasing it as a modern alternative to React Router for managing navigation in React applications. I'll go over a basic setup of this router as well.
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.…
Jessica's Twitter: https://twitter.com/codergirl1991 Topics covered include: transitioning into tech, landing your first job, networking, JavaScript struggles, when to learn React.js, and much more!
Final Code: https://github.com/coderyansolomon/getting-started Get started with Next.js! This video covers what Next.js is, prerequisites of Next.js, and some main features of Next.js including routing, data fetching, and client/server components.
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.…
Final Project: https://github.com/coderyansolomon/advanced-routing Dive into the complexities of Next.js 14 with our detailed tutorial on advanced routing techniques. Discover how to implement route intercepts, master parallel routes, and create dynamic routes with ease.
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…
In today's episode, I cover my experience with failing hard to learn to code. And I cover what I did to change my approach and the 3 step process I took, and now take, to learn new technologies. Hope this helps!
In this episode of the podcast, we delve into the dynamic world of Next.js and web development with the host of 'Code with Lari'. The conversation navigates through Lari's personal tech story, exploring the origins of their fascination with Next.js and the web development realm.
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.…
In today's video, I describe how I would approach becoming a full time web developer if I had to start over from scratch in 2024.
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.…
Github: https://github.com/coderyansolomon/data-fetching-patterns In this video, I go over sequential VS parallel data fetching in next.js. I'll show you a practical example of how easy it is to accidentally slow down your application as well as how to solve that issue.
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…
Diving into the world of coding can be both exhilarating and daunting. In this video, I unravel my personal journey into the realm of programming, highlighting the pitfalls, misconceptions, and invaluable lessons that shaped my experience.
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.…
GitHub Project: https://github.com/coderyansolomon/nextjs-emails/tree/main In this Next.js 13 app router tutorial, I show you how you can send emails programmatically in your Next.js applications. For this solution, I use Postmark as a service to handle sending regular and templated emails.
Github project: https://github.com/coderyansolomon/next-auth-supabase In this video, I give you a complete guide to authenticate your Next.js applications using Supabase. We cover client auth, server auth, and protexted routes.
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)…
React Hooks Mastery: useEffect
React Hooks Mastery: useRef
This pod gives an overview of what React hooks are, and covers the two state hooks: useState and useReducer.
Jerome's YouTube Channel: @JeromeMcCree In this enlightening episode of the Code Ryan Podcast, we're joined by Jerome McCree, a web development maestro who takes us on his journey into the realm of Next.js. Together, we unpack the intricacies of building a YouTube clone using a potent blend of Next.js, TypeScript, and Tailwind CSS. Jerome sheds light on the initial steps, challenges faced, and invaluable lessons learned along the way, offering listeners an inside look into the world of modern web development.…
Guthub: https://github.com/coderyansolomon/nextfont Dive into the world of font optimization with this comprehensive Next.js tutorial! In this video, we demystify the process of enhancing your web application's performance and aesthetics by exploring both local font integration and Google Fonts integration. From seamless implementation techniques to essential best practices, you'll learn how to effortlessly elevate your typography game while ensuring fast loading times. Unlock the secrets to creating visually stunning and lightning-fast websites with our in-depth guide to font optimization in Next.js. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…
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.…
Timestamps: 00:28 - What is React.js? 01:22 - React Components & Props 17:54 - JSX 23:37 - Conditional Rendering 27:10 - Lists 30:45 - Event Handling 36:11 - State Management & Hooks Unlock the power of React JS in just 47 minutes with our comprehensive crash course! Whether you're a beginner or looking to refresh your skills, this video covers it all. Dive into the world of React components, harness the flexibility of JSX, master the art of prop manipulation, delve into efficient state management techniques, and elevate your coding with the latest React hooks. Our fast-paced and engaging tutorial is designed to give you a solid foundation in MODERN React JS, enabling you to create dynamic and interactive web applications. Don't miss this opportunity to accelerate your learning curve and become proficient in one of the most sought-after web development technologies. Join us and embrace the world of React JS today. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…
Github Project: https://github.com/coderyansolomon/next-link In this comprehensive video guide, join me as I delve into the intricacies of the Next.js 13 Link Component. With a focus on its essential props—href, replace, scroll, and prefetch—I'll walk you through the mechanics of seamless navigation within your Next.js applications. Through insightful explanations and hands-on demonstrations, you'll gain a deep understanding of how each prop influences your user experience, allowing you to harness their power effectively. Whether you're a beginner or an experienced developer, this video will empower you to master the art of navigation in Next.js 13 and create more efficient and user-friendly web applications. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…
Welcome back to the Code Ryan podcast. Today, matheus albuquerque joins me to discuss JavaScript rendering patterns. We go over what rendering is, pros and cons of different patterns, and advice for developers. Metheus's website: https://www.ythecombinator.space/ 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 to a journey that will transform the way you approach data management in web development. In this captivating introduction video, we unveil Prisma – the groundbreaking ORM that promises to revolutionize your database interactions. As a web developer, you understand the critical role that seamless data operations play in creating powerful applications. Prisma, with its cutting-edge technology and intuitive interface, is here to elevate your development process. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…
Welcome to the "Code Ryan Podcast!" In this episode, join us as we venture into the captivating world of frontend architectures with your host, Ryan, and our special guest, Mikael Brevik. Mikael takes us on a journey through his tech career, revealing the pivotal moments that led him to specialize in frontend architectures. Delving into the heart of the matter, Mikael explains the essence of frontend architecture—unveiling how it shapes the very foundation of modern web development. We explore the intriguing dichotomy between Single Page Applications (SPAs) and Static Sites, dissecting their respective strengths and weaknesses, from dynamic user experiences to SEO challenges.…
Unlock the full potential of Next.js Images in this comprehensive video tutorial. Dive into the world of dynamic web visuals as we explore the ins and outs of the Image Component. From seamlessly integrating local and remote images to mastering sizing and styling techniques, this tutorial equips you with the knowledge to create stunning and performant web applications. Github Project: https://github.com/coderyansolomon/next-images…
Everything you need to know regarding data fetching in Modern Next JS 13 App Router. Learn caching, revalidation, and much more. Github: https://github.com/coderyansolomon/data-fetching
Ласкаво просимо до Player FM!
Player FM сканує Інтернет для отримання високоякісних подкастів, щоб ви могли насолоджуватися ними зараз. Це найкращий додаток для подкастів, який працює на Android, iPhone і веб-сторінці. Реєстрація для синхронізації підписок між пристроями.
Daily Deals
Схожі до Code Ryan
Africa-focused technology, digital and innovation ecosystem insight and commentary.
…
continue reading
Show notes are at https://stevelitchfield.com/sshow/chat.html
…
continue reading
Download This Show is your weekly guide to the world of media, culture, and technology. From social media to gadgets, streaming services to privacy issues. Each week Rae Johnston and guests take a fun, deep dive into how technology is reshaping our lives.
…
continue reading
The power of Data is undeniable. And unharnessed - it’s nothing but chaos. Making data your ally. Using it to lead with confidence and clarity. Host Jess Carter is solving problems in real-time to reveal what’s possible. Helping communities and people thrive. This is Data Driven Leadership, a show brought to you by Resultant.
…
continue reading
Flash Forward is a show about possible (and not so possible) future scenarios. What would the warranty on a sex robot look like? How would diplomacy work if we couldn’t lie? Could there ever be a fecal transplant black market? (Complicated, it wouldn’t, and yes, respectively, in case you’re curious.) Hosted and produced by award winning science journalist Rose Eveleth, each episode combines audio drama and journalism to go deep on potential tomorrows, and uncovers what those futures might re ...
…
continue reading
WSJ’s Bold Names brings you conversations with the leaders of the bold-named companies featured in the pages of The Wall Street Journal. Hosts Tim Higgins and Christopher Mims speak to CEOs and business leaders in interviews that challenge conventional wisdom and take you inside the decisions being made in the C-suite and beyond.
…
continue reading
Android Backstage, a podcast by and for Android developers. Hosted by developers from the Android engineering team, this show covers topics of interest to Android programmers, with in-depth discussions and interviews with engineers on the Android team at Google. Subscribe to Android Developers YouTube → https://goo.gle/AndroidDevs
…
continue reading
The director’s commentary track for Daring Fireball. Long digressions on Apple, technology, design, movies, and more.
…
continue reading
We help founders make something people want.
…
continue reading
Three nerds discussing tech, Apple, programming, and loosely related matters.
…
continue reading
Player FM - додаток Podcast
Переходьте в офлайн за допомогою програми Player FM !
Переходьте в офлайн за допомогою програми Player FM !
))
