Never Trust the Client: Architecting a Resilient API
It's important to architect your APIs in a way that can't be spoofed by a mischievous client application.
It's important to architect your APIs in a way that can't be spoofed by a mischievous client application.
Code: https://github.com/jherr/react-streaming Original React team example code: https://codesandbox.io/s/kind-sammet-j56ro π Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation π No BS TS (The Book): https://no-bs-ts.myshopify.com/ π I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up/ π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: https://discord.gg/ddMZFtTDa5 π VS Code theme and font? Night Wolf [black] and JETBrains Mono 0:00 Introduction 1:05 Our Example Project 2:43 NextJS 13 Setup 4:26 Non-Streaming Render 6:01 Streaming Render 14:00 Remix Setup 18:22 Streaming Render 23:14 DIY Project Setup 27:06 Adding Client JS 34:06 Streaming Render 37:55 The Big Payoff 41:51 Adding Interactivity 47:24 Outroduction #react #react18 #nextjs13 #nextjs #remix
Follow all the important community JavaScript events, talk recordings and hands-on workshops brought to you by GitNation team.
Remix Conf Europe 2022 #RemixConfEU #GitNation Website β https://remixconf.eu/ Follow the link to watch the full version of all the conference talks, QnAβs with speakers and hands-on workshop recordings β https://portal.gitnation.org/events/remix-conf-europe-2022/ Talk: Your Personal Remix Here and there, people talk about "Personalization". Content creators, marketers, designers, and product owners evaluate the possibilities and alternatives to handle custom scenarios while offering powerful experiences to the users. And we, the developers, have some ways to help with that. Let's talk about personalization, the benefits, the challenges, and how we can manage and offer personalized experiences in our Remix projects. This event would not take place without the support of sponsors: π Platinum Sponsors Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors Storyblok β https://www.storyblok.com/ π₯ Silver Sponsors Netlify β https://www.netlify.com/
Remix Conf Europe 2022 #RemixConfEU #GitNation Website β https://remixconf.eu/ Follow the link to watch the full version of all the conference talks, QnAβs with speakers and hands-on workshop recordings β https://portal.gitnation.org/events/remix-conf-europe-2022/ Talk: Remixing How We Give A review of how we're using Remix at Daffy.org to change the way people give to charities. We'll talk about why we decided to use Remix, how we've used it and migrated from our previous frontend application and some patterns and libraries we have developed internally. This event would not take place without the support of sponsors: π Platinum Sponsors Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors Storyblok β https://www.storyblok.com/ π₯ Silver Sponsors Netlify β https://www.netlify.com/
Remix Conf Europe 2022 #RemixConfEU #GitNation Website β https://remixconf.eu/ Follow the link to watch the full version of all the conference talks, QnAβs with speakers and hands-on workshop recordings β https://portal.gitnation.org/events/remix-conf-europe-2022/ Talk: Full Stack Components In this talk, Kent will demonstrate how Remix enables you to build complex UI components that are connected to a backend in the simplest and most powerful way you've ever seen. Leaving you time to chill with your family or whatever else you do for fun π. This event would not take place without the support of sponsors: π Platinum Sponsors Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors Storyblok β https://www.storyblok.com/ π₯ Silver Sponsors Netlify β https://www.netlify.com/
Remix Conf Europe 2022 #RemixConfEU #GitNation Website β https://remixconf.eu/ Follow the link to watch the full version of all the conference talks, QnAβs with speakers and hands-on workshop recordings β https://portal.gitnation.org/events/remix-conf-europe-2022/ This event would not take place without the support of sponsors: π Platinum Sponsors Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors Storyblok β https://www.storyblok.com/ π₯ Silver Sponsors Netlify β https://www.netlify.com/
Remix Conf Europe 2022 #RemixConfEU #GitNation Website β https://remixconf.eu/ Follow the link to watch the full version of all the conference talks, QnAβs with speakers and hands-on workshop recordings β https://portal.gitnation.org/events/remix-conf-europe-2022/ Talk: Remix Flat Routes β An Evolution in Routing This talk introduces the new Flat Routes convention that will most likely be the default in a future version of Remix. It simplifies the existing convention as well as gives you new capabilities. This event would not take place without the support of sponsors: π Platinum Sponsors Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors Storyblok β https://www.storyblok.com/ π₯ Silver Sponsors Netlify β https://www.netlify.com/
Live stream of Remix Conf Europe #RemixConfEU #GitNation The Blues Track β see full agenda here https://remixconf.eu/#schedule To join The Indie Track see tickets options here https://remixconf.eu/#tickets Join Discord for chatting with the community and ask questions to speakers: https://discord.gg/jcXUrRZCQY This event would not take place without the support of sponsors: π Platinum Sponsors Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors Storyblok β https://www.storyblok.com/ π₯ Silver Sponsors Netlify β https://www.netlify.com/
Event Information βBuild Better Websites With Remix βEvent Information βββHey there! We have another cool guest! βWe will be joined by Kent C. Dodds to chat about what's new in Remix and how you can build better websites faster. βRemix is a full-stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. βWe all know that it is all about releasing and serving your clients. So go to market faster by combining your Remix app with a headless CMS like Strapi. ββAgenda β - What's new in Remix - When should you use it - Nested Routes - Data Loading - Forms and Actions - Best resources to learn Remix - Final thoughts βIt will be fun and exciting. I hope to see you all there.
The main thing that makes end-to-end type safety difficult is simple: boundaries. The secret to fully typed web apps is typing the boundaries.
Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications.
There has been a lot of talk on the socials lately about progressive enhancement. Some good, some bad, and while the bad is often mislead I get it.
My love story with Remix and why I can't look back.
Remix is a JavaScript framework that aims to make creating a production ready application easier than ever. A Remix stack is a template preconfigured with popular tools to get you up and running faster. Netlify's templates team created the K-Pop Stack that integrates Remix with Tailwind CSS for styling and Supabase as the database. Brittney Postma is hosting with Kent C. Dodds, co-founder and Director of Developer Experience at Remix, to build a site using the K-Pop Stack, showing how form data works in Remix, and deploying it all to Netlify. Join them for a live coding session. We'll try to field questions as we go and learn how to take your sites to the next level with Remix and Netlify. - K-Pop Stack (https://kpop-stack.netlify.app/) - Netlify (https://netlify.com/) - Remix (https://remix.run/)
Supabase is an extremely powerful and cheap option for building your next big startup idea. In this series, Jon Meyers, Alaister Young and Tyler Shukert demonstrate how to build a SaaS product using Remix and Supabase π° This week we dive deep into Supabase File Storage and Remix. We build our own custom upload handler using the experimental `unstable_parseMultipartFormData`, `unstable_composeUploadHandlers` and `unstable_createMemoryUploadHandler` APIs, and define a relationship between our entries and their uploaded files, using the Array column type in PostgreSQL. 00:00 Starting soon 00:50 Introductions 03:17 Supabase Launch Week 10:49 Supabase Hackathon 23:43 Reviewing community PR 34:40 Uploading files in Remix Action 55:30 Array column type in PostgreSQL 01:03:26 Creating signed URLs for private files 01:32:38 Displaying signed URL images in UI 01:57:23 Social links 02:01:01 Thanks for watching GitHub Repo: https://github.com/dijonmusters/happy-days Wanna have a say in what we build? Join us live every Thursday 5pm PT / 8pm ET βοΈ Follow the Supabase Happy Hour team π π¦ Jon Meyers: https://twitter.com/jonmeyers_io π£ Tyler Shukert: https://twitter.com/dshukertjr π¨ Alaister: https://twitter.com/alaisteryoung Resources π§ Supabase Launch Week 5 - https://supabase.com/launch-week Supabase Hackathon - https://supabase.com/blog/launch-week-5-hackathon Supabase Gold Cap - https://store.supabase.com/products/gold-supacap Supabase File Storage docs - https://supabase.com/docs/guides/storage Remix Upload Handler docs - https://remix.run/docs/en/v1/api/remix#unstable_parsemultipartformdata Dashibase's Lotion - https://lotion.dashibase.com/ Happy Chat π¬ Did you miss us building out a multi-platform realtime chat app with Supabase, Next.js and Flutter? Check out this playlist π― https://www.youtube.com/watch?v=sOSrPDtvvaQ&list=PL5S4mPUpp4OvEgxBhoVxXb5YS1ZAZih2l --- Learn more about Supabase π πΈ Website: https://supabase.com/ π₯ YouTube Channel: https://www.youtube.com/c/supabase π¦ Twitter: https://twitter.com/supabase/ πΎ Twitch: https://www.twitch.tv/supabase_tv π Docs: https://supabase.com/docs ---
This Remix Austin meetup took place at the H-E-B Digital & Favor Eastside Tech Hub in Austin, TX on July 28th. We had 3 amazing speakers present! 00:00 Creating a Terms of Service Banner β Brooks Lybrand 11:29 Sending Emails in Cloudflare with Remix Forms β Justin Reynolds 34:42 Headless e-commerce with Medusa, Remix, NX and Tailwind β Jake Ruesink 1:21:39 Goodbye Creating a Terms of Service Banner β Brooks Lybrand The O.G. localStorageβthe cookie. Remix makes it super easy to leverage these little guys to do all sorts of things, like drive the state management for a Terms of Service Banner! Repo: https://github.com/brookslybrand/tos-cookie Sending Emails in Cloudflare with Remix Forms β Justin Reynolds Remix gives you full control of your entire stack, which makes creating a service like a contact form with auto email capabilities incredibly easy. Watch as Justin runs through putting all the pieces together for a simple and free solution. Live site: https://remixdevs.com/ Headless e-commerce with Medusa, Remix, NX and Tailwind β Jake Ruesink Jake will show us how he and his team at Lambda Curry are able to effectively and rapidly build awesome ecommerce sites with Remix and MedusaJS Repo: https://github.com/jaruesink/remix-medusa Want to attend future Remix Austin meetups? Join our group to be notified of future events: https://www.meetup.com/remix-austin
ReactNext 2022 www.react-next.com Israel's Annual React & React-Native conference Powered by EventHandler ----------------------------------------- Stream Away the Wait: When implementing the design of a user interface, we often finish before remembering that not everyone's running the app's services locally on their device. There's going to be network latency, long running database queries, and large datasets that can slow down the experience. We can and should do everything we can to speed things up, but not all of this is within our control. This means we need to start thinking about pending states. But pending UI is terrible. In this talk, Kent will walk us through building a pending experience that is quite delightful. Ultimately taking advantage of React 18's new streaming APIs and a soon-to-be-released API in Remix to give a top-notch user and developer experience. Prepare to have your mind blown. ----------------------------------------- Kent C. Dodds: Kent C. Dodds is a world renowned speaker, teacher, and trainer and he's actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is a Co-Founder and Director of Developer Experience at Remix. He is the creator of EpicReact.Dev and TestingJavaScript.com. He's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and Remix. ----------------------------------------- #javascript #reactjs #programming #software #development #softwaredevelopment
Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience that deploys to any Node.js server and even non-Node.js environments at the edge like Cloudflare Workers. In this episode, we interviewed Ryan Florence, co-founder at
Senior Developer Advocate Austin Gil likes to build fun and interesting things for the web. In this new series, Austin recaps his live streams where he builds out new projects, explores technology, and keeps up with the trends. New tips out weekly. Watch Austin's livestreams here YouTube: https://www.youtube.com/channel/UCQmhxXIvIi0e1F_Q7shVZIA Twitch: https://www.twitch.tv/heyaustingil Website: https://austingil.com/
The Unicorn Finders podcast: Remix.run Full Stack Web Framework Focused on the UI
Follow all the important community JavaScript events, talk recordings and hands-on workshops brought to you by GitNation team.