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
Подкасти, які варто послухати
РЕКЛАМА
T
The Innovators & Investors Podcast
1 Venture Investing in Mobility + Tech with University of Michigan’s Early-Stage Zell Lurie Commercialization Fund 39:30
In this episode of The Innovators & Investors Podcast, host Kristian Marquez sits down with David Brem, Managing Director of the University of Michigan’s Zell Lurie Commercialization Fund. David offers a rare glimpse into the inner workings of a student-led endowment fund focused on early-stage, sector-agnostic investments primarily in the Michigan ecosystem. He shares insights on their unique, founder-first investment approach, how they navigate pre-seed to Series A venture opportunities, and the rigorous due diligence process involving qualitative analysis over pure numbers. David also discusses his roles with global VC networks including Electro Ventures, the London Venture Capital Network, and Level Up Ventures, illustrating how he bridges U.S., European, and Australian venture ecosystems with a special focus on mobility and transportation tech. Highlights include deep dives into emerging trends like eVTOLs (electric vertical takeoff and landing aircraft), smart city infrastructure, and safety innovations in aviation technology. Listeners will gain valuable perspectives on how diverse expertise—from military intelligence and management consulting to academic ventures—shapes David’s investment thesis and community-building efforts. The episode also explores the importance of networking, adding value in the startup ecosystem, and practical advice for aspiring investors or entrepreneurs navigating the venture capital world. With stories of successes, challenges, and future outlooks, this episode is a must-listen for innovators, founders, and investors aiming to understand the intersection of academia, technology, and venture capital in today’s dynamic landscape. Learn more about David's work at https://zli.umich.edu/zell-lurie-commercialization-fund/ Connect with David on LinkedIn at https://www.linkedin.com/in/david-lowell-brem/ Think you'd be a great guest on the show? Apply at https://finstratmgmt.com/innovators-investors-podcast/ Want to learn more about Kristian Marquez's work? Check out his website at https://finstratmgmt.com…
Optimize Performance In React.js With Lazy Loading
Manage episode 408113820 series 3493400
Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.
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.
297 епізодів
ПоширитиManage episode 408113820 series 3493400
Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.
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.
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.
Ласкаво просимо до 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 !
))
