bulletproof-react
documentation
bulletproof-react | documentation | |
---|---|---|
250 | 12 | |
29,446 | 1,659 | |
2.6% | 5.1% | |
8.3 | 8.6 | |
about 2 months ago | 15 days ago | |
TypeScript | MDX | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
bulletproof-react
-
Coding Snippets Dev Log (9/27/23)
Using -> this guide to help structure a project in a better way
-
Best File Structure
bulletproof react
-
Beware of teammates who refactor code based on personal taste without proper documentation or completeness. Sounds familiar.
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.
-
My React Beginner Project
Follow this: https://github.com/alan2207/bulletproof-react
-
What's the best component / folder architecture for a project to scale?
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 😁
-
Are there any react js best practices websites?
Link for the lazy ones.
-
Inspiration for my first React project
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!
- Software Architecture in React
- Software Architecture in frontend
-
Best practices for organizing projects files in react
Been content with how Bulletproof react does it, only thing missing for me is differentiation between views and components.
documentation
- Feature-Sliced Design: Architectural methodology for front end projects
-
Consistent project structure with eslint-plugin-project-structure.
Have you heard about Feature-Sliced Design? I have personally found it extremely helpful as the project grows larger, though it can have a bit of a learning curve
-
Explicit Design, Part 5. App Composition
In our case, the current folder structure resembles Feature-Sliced Design:
-
What's the best component / folder architecture for a project to scale?
Feature-slice design is the one and only correct solution imho
-
FSD - Feature-Sliced Design
(https://feature-sliced.design/)
-
How do you structure your React apps?
for large spa I recommend https://feature-sliced.design/
- Feature-Sliced Design
-
Project file structure
There are many more benefits of using feature sliced design which are well documented in the docs. I highly recommend you to check it out and learn new ways of organizing your frontend project.
-
Best react/redux directory structure
Hi, I use feature-sliced design for big or middle spa. Excellent solution for scalability! https://feature-sliced.design/
-
Архитектура фронтенда и какой она должна быть
Ссылка на офф сайт.
What are some alternatives?
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
reference-architecture
payload - Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
frontend-clean-architecture - React + TypeScript app built using the clean architecture principles in a more functional way.
SAAS-Starter-Kit-Pro - 🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs
nx-react-code-sharing-starter - Monorepo Starter: Nx, React, React Native, NodeJS, NextJS, Storybook
react-redux-typescript-guide - The complete guide to static typing in "React & Redux" apps using TypeScript
twilio-video-app-react - A collaboration application built with the twilio-video.js SDK and React.js
clean-code-javascript - Clean Code concepts adapted for JavaScript
react - Cheatsheets for experienced React developers getting started with TypeScript
redaxios - The Axios API, as an 800 byte Fetch wrapper.