Not gonna lie, Next.js has been feeling like a headache lately. The app router? Frustrating. Remix just feels... cleaner, more intuitive. Switching over and not looking back. 🙏 Anyone else making the jump? #RemixRun #Nextjs
#remixrun
Got over my testing hurdle, phew. Pretty difficult to explain but it was mocking pain. I couldn't figure out how to test the authorization/permissions of my routes. The key was to split up functions and add parameters. Two refactors and testing was easy. Mocking pain is sign of maybe bad code. Yep, it was. The split up one was non-obvious though. The DI I saw coming.
👩🏻💻 Tired of wrestling with JSON? Check out my latest blog post on building a supercharged JSON editor in Remix/React!
Features:
- Numbered lines for easy navigation
- Real-time error highlighting
- Flexible editing modes
🔗 https://darkviolet.ai/blog/enhancing-json-editing-with-remix
Plus, try out the live demo at the end! Perfect for devs of all levels looking to streamline their JSON workflow.
🔗 https://darkviolet.ai/blog/building-a-modern-web-application-a-remix-deep-dive
🚀 Take a Deep Dive into the world of Remix! 🎬 Check out my latest blog post where we explore this powerful web framework via a fully-deployed app example. Learn how Remix's unique features can supercharge your web development. From SSR to nested routing, we cover it all!
Read now and level up your web dev game!
💜 One component to rule them all! 💜
Today I made my own little gem: an animate on scroll component that works beautifully in Remix / React with typescript and tailwind by way of Framer Motion and Intersection Observer. It was glorious to see the flawlessness of the execution once I got it perfect.
Check it out on GitHub: https://evanmarie.github.io/remix-vite-tailwind/
Also see more at EvanMarie.com
#remix #remixrun #animation #appdev #webdev #design #webdesign #makeitpretty
💜 Remix / Tailwind Infinite Scroll Masonry Grid 💜 So excited to have gotten this so smooth and beautiful. It might be my favorite component thus far. It is flawless from mobile to ultraHD, from 300px to 4000px!
Play with the code: https://github.com/EvanMarie/remix-vite-tailwind
#remix #remixrun #tailwindcss #tailwind #components #webdev #uiux #uiuxdesign #sopretty
💜 Remix is my jam! Infinite scroll with intersection observer. Bam! #react #remixrun #remix #webdev #appdev #programming #uiux #uiuxdesign #codinglife
Spent some time tonight reviewing the #RemixRun #JavaScript framework mad a lot of it really seems to mesh with my preferences. The one thing I'm strick by though is their apparent aversion to pre-rendering on the server. If I have some template that I know won't change why not just prerender as much as possible instead of combining it each time? It's low hanging but seems like an obvious win they're missing to me.
Been playing around with #RemixRun for a toy project. So far I'm pretty impressed! It does a pretty good job of walking the line between not being too magical and being understandable. And setting things up to ship a no-javascript frontend is pretty straight forward.
Get it while its hot #remixrun v1.14 is out with new dev server and HMR and new HDR (Hot Data Revalidation. https://github.com/remix-run/remix/releases/tag/remix%401.14.0 #react #webdev #javascript
I was playing around with a #LeverageJS based system that works like #RemixRun a few months ago. I'm realizing now that the most challenging thing that Remix handles effortlessly is state. The way it handles actions, loaders, and future renders is really intuitive but technologically challenging.
I'm consistently impressed with how easy things are in #RemixRun while being so close to web standards as possible. But what gets me most is that Remix encapsulates the most important logic: state management. Simplifying the connection between client and server to let the server be the source of truth is so freeing. I'd be doing *at least* double the work with any other framework. Not to mention the consistency of state & render updates it manages for you.
2022 has seen a welcome shift of the needle towards #webframeworks that work with the core principles of the web rather than fight against them.
My brief thoughts on a year of using #remixrun and exploring @enhance_dev with more purpose.
To me, file based routing is a leaky abstraction for REST. Because files are files and they don't know what you mean. #SvelteKit, #Remixrun, #SolidJS through solid-start, #NextJS all have this problem.
There are not many other options than REST so don't let that above qualifier distract you.
I have some ideas but they are just ideas.
Another blog post!
#remixrun #reactjs #javascript #webdev
This one dives into Remix's optimistic UI system and leverages some less well known features to solve a problem I ran into.
@keb I'm not sure, haven't tried it 🤔
#remixrun feels like coding back before SPAs roamed the earth when you used forms to control your flow. It is SSR, and the state is managed beautifully. In most cases, things just kind of work how you want them to without you having to think much about it. It's developed by the team behind react-router-dom and built with react-router-dom v6 as a major feature. Simple and elegant.
Client Info
Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst