spectrum
uclusion_web_ui
spectrum | uclusion_web_ui | |
---|---|---|
23 | 9 | |
10,699 | 7 | |
- | - | |
0.8 | 9.8 | |
almost 2 years ago | 12 days ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" 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
uclusion_web_ui
-
Looking for feedback on Uclusion - a React based asynchronous communication and tasking tool
It's been a long road getting Uclusion's UI right and it's still changing as we get more feedback. We're also finding this level of polish in React to be very challenging - see https://github.com/Uclusion/uclusion_web_ui if you are interested in the underlying code.
-
Courses on frontends development for experienced backend engineers?
Both my co-founder and I transitioned from backend to full stack in order to be able to contribute to https://github.com/Uclusion/uclusion_web_ui What we learned is that the best way to learn front end is by doing. And this is confirmed by the fact that twice now front end people that wanted more experience in React or Material UI (cause every Javascript library is its own universe) have contributed to that repo for free.
-
What are some problems with React?
You can check out https://github.com/Uclusion/uclusion_web_ui to see some of our struggles. I'd say:
-
Are there any open source projects made by senior react developers for practice?
Not made for practice but this is production code you can look at https://github.com/Uclusion/uclusion_web_ui
-
Preferred way to handle API response data?
Confused what you mean by context shouldn't be used for frequently updated variables. How frequently? We are using context for exactly your use case https://github.com/Uclusion/uclusion_web_ui/tree/master/src/contexts all over and it works great - especially in conjunction with AWS Amplify message bus.
-
Seeking advice on the most efficient way to start learning to code from absolute 0, pretend I was just born.
Some people who wanted to better learn UI just volunteered to help me with https://github.com/Uclusion/uclusion_web_ui for free. I'm not saying you should do that (they were past code camp kind of level) but their idea to volunteer for projects to improve their UI skills seems valid.
-
How to Link to Tab on one Page from a different Page (React Hash link)
See the original code here. In my case I also have a fancy ScrollContext to scroll to the id but if you are only trying to get to the tab you don't need that.
-
Hi everyone! I need some help on an infinite API fetch loop issue i'm having.
You can use promises and Promise.all to load all of this data instead of looping through an array. Or you can chain the promises so they run sequentially if you want to avoid making all the network calls at once. See usage of globalFetchPromiseChain in https://github.com/Uclusion/uclusion_web_ui/blob/master/src/api/versionedFetchUtils.js
-
Uclusion React code now public
In order to help with the learning curve in React, Uclusion uclusion_web_ui is now public with a Readme to many articles on Dev.To explaining its code.
What are some alternatives?
twinkle-tray - Easily manage the brightness of your monitors in Windows from the system tray
react-most-wanted - React starter kit with "Most Wanted" application features
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
react-router-hash-link - Hash link scroll functionality for React Router
simorgh - The BBC's Open Source Web Application. Contributions welcome! Used on some of our biggest websites, e.g.
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
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]
hospitalrun-frontend - Frontend for HospitalRun
fakebooker-frontend
notabase - A second brain for your knowledge, thoughts, and ideas.
console - A management console to onboard and manage devices running on the Helium blockchain network.