spectrum
quisi.do
spectrum | quisi.do | |
---|---|---|
23 | 13 | |
10,699 | 27 | |
- | - | |
0.8 | 5.1 | |
almost 2 years ago | 5 days ago | |
JavaScript | TypeScript | |
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
quisi.do
- How your perfect CI/CD pipeline look like?
-
WHERE to build/host your first website?
Yes. charlesstover.com is hosted at CharlesStover/charlesstover.com. quisido.com is hosted at CharlesStover/quisido.com. acealters.com is hosted at mtgenius/acealters.com (a different "GitHub org," but still owned by me). I also have Dota 2 HUDs, MTG Commander Banlist, and MTG Planechase, among others. All are hosted for free.
-
Cheapest place to host a static website?
My portfolio is hosted on GitHub Pages.
-
I was so preoccupied with whether I could, I didn't stop to think if I should: support hot-swapping AWS and MUI design systems.
Sure. It's all on GitHub.
-
Who else is still up right now working on log4j - CVE-2021-44228
I've used the internal dark mode and I love it. You can see a demo of it on my portfolio at https://charlesstover.com . It's just as easy for console teams to implement but there's always higher priority tasks for these services.
-
Open source react project with typescript best practices
I keep my portfolio pretty up to date: https://github.com/CharlesStover/charlesstover.com
-
I launched LazyI18n 2.0, an exceptionally easy way to lazy load translations in React. I'd love to hear your feedback.
This is used in Amazon CloudWatch, but you can see it in action on my portfolio (though not all text is translated) by expanding "Settings" in the left nav and choosing a different language. You'll see the new language translate most text and English be the fallback when that translation does not exist.
-
I created a helper library for lazy-loading translations in your React app, and I just launched 2.0.
You can see this in action on my portfolio, where you can change the language under Settings in the left-side navigation. You may want to slow your download speed deliberately to see the transition.
-
What are some great public ReactJS repos that demonstrate industry standard?
https://github.com/CharlesStover/charlesstover.com/blob/6aaf38d7bde808999ae8cf22a28ae342b889a3aa/src/components/home/home.view.tsx#L61-L62
- Recommended Examples of Good TypeScript Code
What are some alternatives?
twinkle-tray - Easily manage the brightness of your monitors in Windows from the system tray
react-you-do-you - How I use React + Redux + Material-UI + TypeScript – you do you 💖
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
react-redux-typescript-guide - The complete guide to static typing in "React & Redux" apps using TypeScript
simorgh - The BBC's Open Source Web Application. Contributions welcome! Used on some of our biggest websites, e.g.
awsui-dark-mode - Applies a dark mode theme to AWS UI components.
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
react-data-table - A responsive table library with built-in sorting, pagination, selection, expandable rows, and customizable styling.
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
quisido.com - A portfolio for Ace Quisido.
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]
react-typescript-example - React TypeScript Example. ReactJS TypeScript. Convert JSX to TSX. React Router TypeScript. React Fetch TypeScript. React TypeScript Best Practices. React TypeScript Architecture for large scale apps.