- Видео 7
- Просмотров 45 992
Thomas Gauvin
Канада
Добавлен 19 янв 2021
Videos about web development projects/topics I'm currently working on
How Remix solved React’s client state management problem
How Remix solved React’s client state management problem
Просмотров: 29 961
Видео
Remix vs React: How Remix changes the mental model for building React apps
Просмотров 1,6 тыс.9 месяцев назад
Curious about which web framework is right for your next project? We take a look at the main differences and considerations needed when deciding between these two sets of technologies for your web apps. Remix offers a fresh take on web development with a focus on full-stack data flow, server-rendered pages, seamless data fetching, and a powerful routing system. But does it outshine React & the ...
Jiminy AI demo - Recreating a hands on demo with GPT4
Просмотров 13510 месяцев назад
Recreates the Google Gemini Hands-on demo using OpenAI's GPT4 model. Try it out (bring your own OpenAI key): jiminy-ai.appsinprogress.com/ Open-source repository: github.com/thomasgauvin/jiminy-ai-demo
Deploy .NET 8 Blazor apps and serverless APIs with Azure Static Web Apps
Просмотров 6 тыс.11 месяцев назад
With .NET 8, we can build Blazor WebAssembly applications, deploy them to Azure Static Web Apps, and complement them with serverless Functions APIs to build full-stack .NET 8, serverless applications. This video complements the source blog techcommunity.microsoft.com/t5/apps-on-azure-blog/build-and-deploy-net-8-blazor-wasm-apps-with-serverless-apis/ba-p/3988412. Check out the blog to find helpf...
Intro to Penmark (with demo!), an embeddable CMS for your static site generator
Просмотров 699Год назад
Penmark is an embeddable, headless CMS for your Github-backed, Markdown-based static sites, enabling you to edit your content from anywhere without opening your codebase. Static site generators are the best way to build a content website, but they don't optimize for the content editing experience. CMS' try to solve that problem, but most of the time, you end up relying on a third party website ...
Integrating network isolated backends with Azure Static Web Apps
Просмотров 2 тыс.Год назад
Azure Static Web Apps makes it easy for you to integrate you existing APIs through the /api endpoint. But if your APIs are network isolated, then Static Web Apps' hosts cannot access them. So what are your alternatives? In this video, I consider 3 different approaches and I demonstrate the best one (spoiler: API Management is involved!)
Build a Photos Web Application with Python Flask and Azure Blob Storage
Просмотров 6 тыс.2 года назад
I decided to build my own Photos Web App using Python Flask and Azure Storage. In this video, you'll see how to configure a Python Flask form to upload photos, use Azure Storage to store images, and style the application using Bootstrap. Link to accompanying blog post: tomlogs.github.io/build-a-photos-application-with-azure-blob-storage Link to source code: github.com/tomlogs/photos-app Link to...
Thank you, finally a short and informative video without tons of senseless slides and loads off bla bla.
Great video, you are gifted on explaining things
We still need client state for many other things, we still need Context API to pass this through components
The way you explain the remix I wish I found same tutorial on Nextjs wow 🤯
F Next, Remix is King 😂
So remix is running on the server and serving the API? I don't get it :( I want to write my API in Go or Python...
Weirdest comment ever
Keep learning! You can definitely write your API wherever you want and consuming it in Remix, or Svelte or Solid etc...
Why are you still using react query with redux instead of libraries like jotai and zustand
Great video. I have a question about actions if you don’t mind. What if a component is what triggers the action? So say for example you have a page where there’s a table of data. You have a filters component that allows you to filter by some value. Next each row in the table has the ability to edit, duplicate, or delete that data. How is that managed? Can you just pass the action from the route to the component?
Technically if I put a private endpoint to function and static web app, and both of them are on the same vnet/subnet, is not suppossed that should work ? Because right now that is my case, and looks like not works
The second option that you mentioned is the equivalent to have a function/web app as backend with private endpoint linked to the STATIC WEB APP also with private endpoint?
Based on how simple you managed to explain the functioning of Remix, it looks far more straightforward than Next.js! Awesome video bro. You made me want to give it a try!
It's NOT React VS Remix. It's Remix VS Next.js. You're missing the point completely!
Vs Astro
What about mutations in this page's component that actually affect different pages and not the one we're currently at? Will those be invalidated also? Is there a mechanism to do this?
Yes, all loaders are revalidated and you can import a specific loader in few other routes to consume the same data at different place
This what nextjs used to have getserverside props. It took me a while to understand and then they changed the data loading and mixed server and client!
Remix is way slower than react, I've worked in both framework and trust me I was tasked to migrate all the code from remix to nextjs ended up in faster initial load time with better response time
If you are comparing Remix with React by writing that Remix is way slower than React, it means you have no idea what you are writing about.
@@coder_one your comment makes me think you've never worked with react before and create the same project on remix
It works exactly like react query... so it makes additional calls to rehydrate after that form post happened ? What if I had 5 more such rehydrations in different places around the app ?
why is it better than using react lazy components ?
I love you <3
Useful video, thanks!✨
Sir I have a question. I was deploying through github and when doing the "Deploy to Azure Static Web Apps" part of jobs in yml, I am keep having an error message like "Downloading and extracting 'dotnet' version '6.0.424' to '/opt/dotnet/6.0.424'..." even if I was using version 8.0.400. Do you know any reason? Thanks :)
Could you please do a comparison of Remix with Nextjs? Like, in this video, I can see improvement made by Remix compared to traditional React + API but I wonder what's the difference with Next.js (it's a popular framework so it should somehow do pretty well in the state management department, no?) Thanks 😁
Since I already have the data updated in the local state, what is the advantage of giving a GET again after a POST? Wouldn't it be a waste of resources to hit the API unnecessarily? I'm having this problem with Remix, I've been using the shouldRevalidate function to manage this, but I don't know if it's the best solution. I still miss a local state using Remix.
Remix is just underrated ❤
I have a tattoo of it, it's that serious
This was a fantasic video!!! Sad to see that you aren't creating much content as this quality was top notch. Gonna subscribe just in case.
The greatest intro to Remix in the history of mankind, you are so good at explaining concepts!
Do remix vs next js next
Is it okay to use direct url in frontend or it should be downloaded in container environment and used? Right I am generating and appending sas token in url and sending it in response to access it.
Thanks, Great explanation.
so if I have paginated data does remix will revalidate all the pages ?
Remix is amazing
Library number 109,877 that fixes react state 🤘
Wake up babe another framework dropped claiming to fix yet something in React. On a side note interesting will try this with my new POC
Nice explanation
Great video! Thank you! This is exactly the type of thing I’m trying to learn!
amazing, thank you, i got a question about Blazor server-side, is it possible to run it on Azure ? i got disappointed when i knew we can only deploy wasm
Thank you for talking about this topic ❤
very good video. straight to the point. awesome.
I feel like somehow remix has implemented its own version of server components that is slightly more lean compared to nextjs.
There is no such thing as "nextjs server components". Next.js has implemented React Server Components. Remix will also implement them once React 19 comes out.
Yes, doing the same as what React 19 provides with React Server Components and Server Actions.
How it's different from. RSC's and server actions. I want to create mental picture.
It’s more like old school PHP with a controller / view with file based routing
Great video - Always wanted to try out Blazor and SWA. For the Shared project instead of .Net Standard 2.0 could we use a .Net 8 Class Library Project?
Hi great video. Can you provide the colorful remix logo to download. Thanks.
We need more videos like these!!!
Excellent video. Keep up your good work for the community. All the best.
That's why i love Remix, never have to use any React Context anymore
Too bad Remix is gone, React 🐑 😂
@@j.r.r.tolkien8724where?
@@j.r.r.tolkien8724 What do you mean by gone?
revalidator.revalidate()
Excellent video. The clear title, helpful diagrams and explanation makes the subject very clear. Wish more tech videos were like this.
Great video without wasting a lot of time. I subscribed.
Hey Thomas, I believe your 4th point is not correct. You've said we have to load all our data in a single loader. This is not correct. If you compose your pages with outlets and have loaders in each of your components, Remix will determine all the loaders by looking at each components loader and fetch them in parallel to avoid the waterfall.
I think he meant more granular components. Say you want to render a comment section. In Remix, you'd get the data for all of the comments (or a set number like 25 if you're paginating) then render them once that single loader finishes. In NextJS, each comment box could be a server component, in which case you query the database for each component, or it might be a client component with something like Tanstack Query, in which case you would have spinners. You can still have multiple loaders run for different routes, but it will be less granular than component-level fetching.
Would love to see a full project created, like one you did now but with real life examples. Like setting up user auth so on, just think of a real world example where you could create a full frontend/backend for blazor using the azure function's. Would really love to see that!
Great Tutorial! But, how would you handle authentication using b2c for example?