bulletproof-react
clean-code-javascript
| bulletproof-react | clean-code-javascript | |
|---|---|---|
| 250 | 65 | |
| 29,866 | 92,445 | |
| 2.6% | 0.5% | |
| 8.3 | 0.0 | |
| 2 months ago | 7 months ago | |
| TypeScript | JavaScript | |
| 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.
clean-code-javascript
-
How to level up your frontend skills
Programming: The Pragmatic Programmer, Clean Code (check the JS version here → Clean Code JavaScript)
-
Mastering the JavaScript Ternary Operator: A Comprehensive Guide
Clean Code JavaScript
-
18 GitHub Repos to Learn JavaScript
clean-code-JavaScript This repository consists of the software engineering principles, from Robert C. Martin’s book Clean Code, adapted for JavaScript. It’s a guide for producing readable, reusable, and refactorable software in JavaScript.
-
The Clean Code book and the clean code paradigms
By the way, the other day I found on Twitter a summary of Clean Code concepts with examples in Javascript so you can take a look at the content of the book before deciding whether to buy it or not.
- 10 GitHub Repos for Mastering JavaScript
-
Why clean code makes JavaScript programming easier
Further examples of clean code
- Clean code (la juniori)
- If you're a junior to mid-level fullstack engineer and have an upcoming frontend technical interview, here's some things to freshen up on
- How to learn small but important coding conversations/practices?
-
How to avoid writing rubbish code
https://github.com/ryanmcdermott/clean-code-javascript - highly recommendable short read
What are some alternatives?
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
nodebestpractices - :white_check_mark: The Node.js best practices list (July 2024)
documentation - 🍰 Architectural methodology for frontend projects
You-Dont-Know-JS - A book series (2 published editions) on the JS language.
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.
free-for-dev - A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
SAAS-Starter-Kit-Pro - 🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs
javascript-algorithms - 📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
react-redux-typescript-guide - The complete guide to static typing in "React & Redux" apps using TypeScript
awesome-cheatsheets - 👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
Front-End-Checklist - 🗂 The perfect Front-End Checklist for modern websites and meticulous developers