bulletproof-react
excalidraw
bulletproof-react | excalidraw | |
---|---|---|
250 | 408 | |
29,446 | 90,165 | |
2.6% | 4.4% | |
8.3 | 9.4 | |
about 2 months ago | 6 days ago | |
TypeScript | TypeScript | |
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.
excalidraw
-
15 Essential tools and resources for Frontend developers
⭐️ Visit Excalidraw
- Building AGI on the Tokio Runtime
-
Should SaaS startups offer on-prem?
Thanks, I appreciate it! As an engineer, I have no design skills, but love using https://excalidraw.com/ to make quick diagrams - would recommend.
-
The 5 Must-Have Tools I'll Stick With in 2025
5. Excalidraw - Hand-Drawn Style Diagrams
-
Interview Preparation Tips from an Ex-Meta Engineer
In this type of interview a candidate has to design a system or a system component or a product in 45 minutes. For example, Design a messaging system like Slack. The candidate is often given an online white boarding tool like Excalidraw where they are expected to,
-
Tldraw Computer
What do you base this on? The main repository (https://github.com/excalidraw/excalidraw) states it's MIT and this has been unchanged for 5 years.
-
AI Diagramming Tools for Developers
With the rise of AI-powered tools, creating these diagrams has never been easier. In this post, I evaluate some of the most popular AI-enabled diagramming tools, including Miro, Excalidraw, Figma's FigJam, ChatGPT (with Mermaid). My goal is to see how they perform when tasked with real-world developer scenarios like sequence diagrams or database ERDs.
-
Engineering of Small Things #2: Cookies
Now this blog isn't meant as a high-level overview, it's just something I found pretty interesting is all. So I made a short diagram for how cookie based authentication works as well! I used Excalidraw for the diagramming.
-
1,600 Days of a Failed Hobby Data Science Project
Looks like something you could create with excalidraw. It's an awesome tool!
https://excalidraw.com/
- React v19 has been released
What are some alternatives?
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
tldraw - whiteboard SDK / infinite canvas SDK
documentation - 🍰 Architectural methodology for frontend projects
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
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.
venn.nvim - Draw ASCII diagrams in Neovim
SAAS-Starter-Kit-Pro - 🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
react-redux-typescript-guide - The complete guide to static typing in "React & Redux" apps using TypeScript
drawio-desktop - Official electron build of draw.io
clean-code-javascript - Clean Code concepts adapted for JavaScript
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian