bulletproof-react
prolog-app
Our great sponsors
bulletproof-react | prolog-app | |
---|---|---|
250 | 32 | |
22,776 | 293 | |
- | 7.5% | |
5.0 | 6.0 | |
2 days ago | 3 months ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
prolog-app
- Path To A Clean(er) React Architecture - API Layer & Fetch Functions
- Path To A Clean(er) React Architecture - A Shared API Client
- React Job Simulator
- React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions
-
Test
profy.dev
- I created a Job Simulator to help new React developers get near-production level experience before they join their first professional team
-
I created a course to help new React developers get near-production level experience before they join their first professional team
And you can actually get the first part for free by signing up to the waitlist today here: https://profy.dev/
-
I created a course to help new React developers land their first job.
Here's the link the if you're interested: https://profy.dev/
-
"JuSt MaKe a CoOl PoRtFoLiO Dude"
I don't understand the point of this post. It is not like you are offering a solution to an issue, giving advice, or anything substantial. It is just a rant. Yes, you are at a disadvantage doing self-learning as opposed to someone with a degree, but guess what? A degree without work experience is also challenging to get a Job with. You dont necessarily need a portfolio but projects that can be built to persuade a hiring manager are very helpful. I dont just mean building random things but literally building properly structured, tested and professionally designed projects can help. This article is a good place to achieve that. The portfolio is just a place to put all of the links together. Plus portfolios are good for linking for freelance jobs
-
Made an MVP now what?
I'll give you an example of a website who has accomplished something like this very well: https://profy.dev/. His USP it to give new React developers experience in Production level React development and workflows to make you a better job candidate.
What are some alternatives?
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
umami - Umami is a simple, fast, privacy-focused alternative to Google Analytics. [Moved to: https://github.com/umami-software/umami]
documentation - 🍰 Architectural design methodology for Frontend projects
dub - Open-source link management infrastructure.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
cal.com - Scheduling infrastructure for absolutely everyone.
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
nx - Smart Monorepos · Fast CI
payload - The best way to build a modern backend + admin UI. No black magic, all TypeScript, and fully open-source, Payload is both an app framework and a headless CMS.
Blitz - ⚡️ The Missing Fullstack Toolkit for Next.js
SAAS-Starter-Kit-Pro - 🚀A boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅