redux VS remix

React and React Native share many core libraries. You can use the same state management libraries like Redux, MobX, and data fetching libraries like Axios or the Fetch API.

Redux Documentation

Redux is a state management library for JavaScript applications that provides a centralized store for managing the state of an app. It follows a predictable state container model where actions are dispatched to trigger state changes, and reducers are used to define how the state transitions in response to those actions. Redux enforces immutability and a unidirectional data flow, which makes debugging easier and state transitions predictable.

To learn more about Redux, check out the official Redux documentation. To learn more about Context API, check out the official React documentation.

I most recently interviewed Dan Abramov, creator of Redux and React core team member, about his work at Bluesky and the development of Bluesky's underlying technology – Authenticated Transfer Protocol, or AT Proto for short. I learned that while TBD’s Web5 and Bluesky’s AT Proto share the vision of a decentralized and user-centric web, their approaches and underlying technologies offer a fascinating contrast. I'll examine these parallel approaches in hopes that TBD, Bluesky, and the broader community can gain valuable insights into building infrastructure for the decentralized web.

State management is one of the most important part of a web application. From the use of global variables to React hooks to the use of third-party libraries like MobX, Redux or XState to name just these 3, it is one of the topics that fuels the most discussions as it is important to master it to design a reliable and efficient application.

Official Website

Redux: Offers a more structured approach with a centralized store, actions, and reducers, especially beneficial for larger teams and projects. Redux Documentation

Redux is one of the most popular libraries but not necessarily one of the easiest ones to use. Its a predictable state container for JavaScript apps, widely used in the React ecosystem. It has powerful developer tools that help understand and debug the apps state and also a large ecosystem of middleware and extensions. On the other hand using Redux requires a steep learning curve of the relations between a reducer, an action and a dispatcher and also quite a lot of boilerplate code. Redux is actually notorious for that boilerplate code, which is something that I don't recommend overlooking.

Before we conclude this section, I do wish to say that there are also things I wish Remix had but they don't yet, like an implementation of RSC for streaming data/components, and Route Middlewares which would be great for authentication/authorization. Fortunately, it looks like these things (and other cool features) are prioritized in their roadmap, so hopefully we could get them soon!

Page navigation broke after enabling caching of the responses. I raised an issue about this in the Remix forum a while back, but as of writing this, it is still unresolved. It is not clear why caching the response is causing the page navigation to break, but it only happens when the response is cached by Cloudflare.

Thanks for the bug report. We could stand to have a better catch-all error page for this case.

Looks like this browser API is used by Remix’s new Single Fetch feature, which coincidentally we just started using last week. Sorry we broke the site for you. We don’t have as clear of a browser support policy as we probably should, but if we did, I doubt we would be guaranteeing support for two year old browsers unless we had a customer request for it.

https://github.com/remix-run/remix/blame/cc65962b1a96d1e1343...

The remix package is no longer used[1]. Remix's central package is @remix-run/router[2], which has 5,627,846 downloads per week.

[1] https://github.com/remix-run/remix/pull/9433

Also, Remix sourcemaps didn't work with Cloudflare Workers, but it seems that it should be working already. I should double-check it!

Then in this Github issue, I found something new and flashy, Paraglide JS.

Relates to https://github.com/remix-run/remix/pull/3104

The main goal of this project was to learn something new in a fun way, so I've decided to use Remix for it, and oh my - it was perfect. I was amazed by how powerful it is by using just standard web features such as cookies, query parameters, and forms. Just remember to be cautious when picking a starter template for your project. I picked the default one, and later found out it wasn't supported by Netlify. As a result, I had to delete the entire repository and start the configuration process again. 🙈