spectrum
bulletproof-react
Our great sponsors
spectrum | bulletproof-react | |
---|---|---|
23 | 250 | |
10,699 | 22,702 | |
- | - | |
0.8 | 5.3 | |
almost 2 years ago | about 2 months ago | |
JavaScript | TypeScript | |
BSD 3-clause "New" or "Revised" 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.
spectrum
-
Currently in need of books or repo recommendations that covers intermediate-advanced concepts in react
For a good reference repository, you should check out Spectrumās GitHub repo. Itās organized well, uses good practices, and given that it is the entire Spectrum product, can provide a lot of system design and architecture insight.
-
A Beginner's Guide to Mobile Development in React Native with Expo
You have now started on your first React Native app in Expo. This is the same tool which is used for creating apps like Facebook, Instagram, Coinbase, shopify, Tesla, Uber Eats and many more. You can read more on Expo here: https://docs.expo.dev/ or check out an open source app here: https://github.com/withspectrum/spectrum and checkout an enterprise boilerplate here: https://github.com/infinitered/ignite
-
GraphQL Caching with GraphCDN - Episode #32 | graphql.wtf
GraphCDN passes subscriptions through to your origin, so they keep working just as they did before! I personally used GraphQL subscriptions with relative success at Spectrum and I'm very excited about live queries nowadays.
- What are best React based repos from which I can learn about structuring a React project?
-
Switching Rich Text Editors, Part 1: Picking Tiptap
We were using Slate at Spectrum[0] back in 2017/2018, eventually switched to DraftJS due to cross-browser issues but that was honestly equally frustrating to use and support across many browsers.
In hindsight, we should've just had a GitHub-style markdown editor: https://mxstbr.com/thoughts/tech-choice-regrets-at-spectrum
It sounds like the situation has improved since then! I'll definitely try Tiptap if I ever need to build another RTE.
[0]: https://github.com/withspectrum/spectrum
-
Does anyone have an open source project that uses react and styled-components I could look at?
Checkout spectrum
-
On seeking ideas: building the codelib.club
I was lucky enough that I somehow stumbled upon withspectrum/spectrum repo and found out that there actually are great applications running on the internet, under load and are dutifully maintained while being open-source! Spectrum has been back then one of the most eye-opening experiences for me as a junior developer. Although I didn't actually ever got to build a system like that, it taught me a great deal on how such app operates and how can various libraries be used.
-
Bulletproof Express - Enterprise-Level Express.js
Special thanks to the Spectrum Project (Here) for laying the foundations to Bulletproof Express. Also, many thanks to Node.js Best Practices (Here) and Bulletproof React (Here) for providing guidance on how Enterprise-Level Software should be written.
-
Real-world large-scale open-source apps?
During last few years i managed to stumble upon a few repositories with large apps that have been a great learning source and an inspiration (such as https://github.com/withspectrum/spectrum) but these are few and far apart.
- Looking for clean architecture examples
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.
What are some alternatives?
twinkle-tray - Easily manage the brightness of your monitors in Windows from the system tray
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
documentation - š° Architectural design methodology for Frontend projects
simorgh - The BBC's Open Source Web Application. Contributions welcome! Used on some of our biggest websites, e.g.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
relay-starter-kit - š„ Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, and Joy UI. [Moved to: https://github.com/kriasoft/graphql-starter-kit]
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.
hospitalrun-frontend - Frontend for HospitalRun
SAAS-Starter-Kit-Pro - šA boilerplate for building Software-as-Service (SAAS) apps with Reactjs, and Nodejs