bulletproof-react VS redux-toolkit

Using -> this guide to help structure a project in a better way

bulletproof react

Well I’d definitely have a file structure in place. I use bullet proof react as my go to. But I mean like…I’d say there’s probably 10 things causing 90% of the problems. So things like folder structure, yes, but also how long the files are, I mean…how enmeshed it all is…maybe the naming conventions.

Follow this: https://github.com/alan2207/bulletproof-react

Your approach is similar to bulletproof-react, which I personally love. I have built projects of all sizes with it and the DX was always nice! Check it out if you want and good luck on your project 😁

Link for the lazy ones.

Not sure if this helps, but Bulletproof React is a very good architecture to React projects of any size. Maybe it can give you some insight on how to structure your project. Good luck!

Been content with how Bulletproof react does it, only thing missing for me is differentiation between views and components.

So you can imagine how much more we'd need to write to introduce reducers and actions in a real-world application. This is where Redux ToolKit comes in very handy.

Redux Toolkit Documentation

Redux is rather overkill in today's front end ecosystem if you're building an MVP, and as of late more have been using redux-toolkit or useReducer to update slices of state.4

React 19 Async Features Boa v0.20 Rust-Powered Engine Safari 18.2 Developer Updates Redux Toolkit 2.5 Termo Civet Rockpack

RTK Query: A data-fetching and state management tool for making API requests to our backend.

To cut down the boilerplate, Redux provides a handy extension, popularly known as the Redux Toolkit, which is recommended for use in a React-Redux setup. We’ll cover the advantages of RTK and its utilities as we discuss the core concepts of Redux.

Redux Toolkit (RTK) is an abstraction built on top of Redux that simplifies its usage by reducing boilerplate and making common tasks easier. RTK provides convenient functions like createSlice for generating actions and reducers in one go, and createAsyncThunk for handling asynchronous logic (like API calls). It offers tools to manage state efficiently without having to manually set up actions, reducers, and middleware, streamlining the setup process for new Redux projects.

The modern way to write redux is through redux-toolkit as recommended by redux maintainers.

Redux Toolkit Documentation

Redux is one of the most popular state management libraries for React. The Redux Toolkit simplifies the process of setting up and using Redux in your projects.