react-atomic-design
developer-roadmap
react-atomic-design | developer-roadmap | |
---|---|---|
8 | 2,112 | |
1,730 | 275,643 | |
- | - | |
0.0 | 9.8 | |
over 1 year ago | 2 days ago | |
JavaScript | TypeScript | |
- | 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.
react-atomic-design
-
Atomic design
https://github.com/danilowoz/react-atomic-design maybe this as an example
-
The Art of Writing Ugly Code That Works, Then Beautifying It for Optimal Functionality
Once I started learning about software development best practices such as the SOLID principles, Atomic Design, abstraction and design patterns my first instinct when writing any piece of new code was to write beautiful code from the very beginning. I wanted to make sure that my code was readable, maintainable, and scalable. However, I quickly realized that this approach was not only time-consuming but also led to frustration. I was spending too much time trying to make my code look perfect, and not enough time focusing on getting the job done. This got worse when I started working on larger projects with more complex code and TypeScript, where typing can be a bit tedious for reusable components.
-
100+ Must Know Github Repositories For Any Programmer
2. React Atomic Design
-
Questions about using useCallback
React's biggest selling point is _declarative composability_. If you want to split functionality into other components, _just make other components_. It is common (and probably best) practice to design components [atomically](https://danilowoz.com/blog/atomic-design-with-react). If you need to share state between them, _hoist that state to a common ancestor_ component and pass it down through props. If you need props from a much more general location, you can look at using contexts, although be careful about this as they have some significant drawbacks.
- Atomic Design Examples?
- Atomic design & react question
-
React architecture
I feel like this frees you up to use things like Atomic design with your components, which helps on the more folder-structure side of things.
- [React] How do you structure your Components directory? I have a lot of components now and I have no idea how to separate them into different directories.
developer-roadmap
-
How to start learning web development for free
Learning the basics of web development opens doors to many other careers in the tech field. Roadmap.sh provides guides, learning paths, and roadmaps to point developers in a direction of their choosing.
-
5 Uncommon Advices from one beginner coder to another beginner coder!
There's a website I personally follow specific for roadmaps called as “roadmap.sh” where all the roadmaps are available. You can check it out, if you like. Here's the link: ▶️ https://roadmap.sh/
-
Programming vs Web Development
If you're starting your journey in web development, here is a roadmap to follow. Understand that Web development is not merely an extension of programming; it's a distinct field that requires a unique blend of coding and visual design skills. Embrace the importance of visual aesthetics from the get-go, and continuously work on improving your design sense. Trust me it will pay off in the long run, and you'll be able to create truly exceptional web experiences that not only function well but also look and feel amazing.
-
Developer should-know websites
Github developer roadmaps (backend, frontend, cloud ...)
-
Unique websites for the Developer - TechGenieDev
Roadmap.sh (https://roadmap.sh/)
-
Top 10 GitHub Repositories Every Web Developer Should Know
Web Developer-Roadmap GitHub Link: developer-roadmap Crafted by kamranahmedse, this roadmap acts as a compass for developers navigating the vast landscape of technologies. Covering front-end, back-end, and DevOps, it aids developers in charting a learning path aligned with their goals.
-
10 GitHub repositories that every developer must follow
âś… kamranahmedse/developer-roadmap: https://github.com/kamranahmedse/developer-roadmap
-
ChatGPT as a Programming Mentor: A Test Drive
It may also be beneficial to start with a high-level overview of what there is to learn in a given area, to understand the overall lay of the land - and then use ChatGPT to dig deeper into selected topics. There are many good resources that provide such an overview, like roadmap.sh or my "Definitive Guide to Succeeding as a Professional Dev".
- 18 Must-Bookmark GitHub Repositories Every Developer Should Know
-
Resources I wish I knew when I started my career
5. Roadmap
What are some alternatives?
front-end-guide - đź“š Study guide and introduction to the modern front end stack.
C++ Workflow - C++ Parallel Computing and Asynchronous Networking Framework
boilerplate - Responsive CSS, HTML and JavaScript front-end starting point, plus components!
computer-science - :mortar_board: Path to a free self-taught education in Computer Science!
react-neon-ui-demo - Demo-documentation for react-neon-ui
freeCodeCamp - freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.
eleventy-react - Use React components in Eleventy.
data-engineer-roadmap - Roadmap to becoming a data engineer in 2021
borrow-ui - A simple component library made with React.
substrate - Substrate: The platform for blockchain innovators
jatayu - A CLI tool to generate production-ready hand-made React Apps.
system-design-primer - Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.