spectrum
Nest
Our great sponsors
spectrum | Nest | |
---|---|---|
23 | 312 | |
10,699 | 64,263 | |
- | 1.8% | |
0.8 | 9.9 | |
almost 2 years ago | 6 days 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
Nest
-
NestJS tip: how to change HTTP server timeouts
When using the NestJS framework, sometimes you may need to change some default timeout. You can define them just like you'd do in a plain Node.js HTTP server like so:
-
Containerize your multi-services app with docker compose
Back: a graphQL server built with Nestjs
-
Full Stack Web Development Concept map
NestJS - opinionated more scalable, but harder to learn docs
-
Don't go all-in Clean Architecture: An alternative for NestJS applications
Pragmatically, we can apply this to a Nest application by creating an Interface for our services, separating the Presenter layer (Controller) from the Use Case (Services):
- Utilizando Testcontainers para Testes de Integração com NestJS e Prisma ORM
-
A Gentle Introduction to Containerization and Docker
It’s a text document that contains all the commands a user could call to assemble an image. Let’s check an example of a Dockerfile for a nodejs app in this case it will be a NestJS app and then explain each part.
-
Scalable REST APIs with NestJS: A Testing-Driven Approach
describe('Create bookmarks', () => { const dto: CreateBookmarkDto = { title: 'NestJS', link: 'https://nestjs.com/', }; it('should create bookmark', () => { return pactum .spec() .post('/bookmarks') .withHeaders({ Authorization: 'Bearer $S{userAt}', }) .withBody(dto) .expectStatus(201) .stores('bookmarkId', 'id')//store the bookmark id in the variable bookmarkId .expectBodyContains(dto.title) .expectBodyContains(dto.link) }); });
-
Rust GraphQL APIs for NodeJS Developers: Introduction
In my usual NodeJS tech stack, which includes GraphQL, NestJS, SQL (predominantly PostgreSQL with MikroORM), I encountered these limitations. To overcome them, I've developed a new stack utilizing Rust, which still offers some ease of development:
-
A Step-by-Step Guide to Implement JWT Authentication in NestJS using Passport
The purpose of this article is to provide a step-by-step guide for implementing authentication system in a NestJS project using the Passport middleware module.
-
From Frontend to Backend
That's exactly where I am. My manager gave me these links, that cover a lot of those words the backend uses, so I can identify what they mean and how to use them. 1. For inspiration and concepts: https://github.com/Sairyss/domain-driven-hexagon 2. Suggested to read the documentation for nest.js. They apply such concepts I don't understand: https://nestjs.com/
What are some alternatives?
twinkle-tray - Easily manage the brightness of your monitors in Windows from the system tray
SailsJS - Realtime MVC Framework for Node.js
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
Koa - Expressive middleware for node.js using ES2017 async functions
simorgh - The BBC's Open Source Web Application. Contributions welcome! Used on some of our biggest websites, e.g.
loopback-next - LoopBack makes it easy to build modern API applications that require complex integrations.
bulletproof-react - 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
feathers - The API and real-time application framework
rich-markdown-editor - The open source React and Prosemirror based markdown editor that powers Outline. Want to try it out? Create an account:
Ts.ED - :triangular_ruler: Ts.ED is a Node.js and TypeScript framework on top of Express to write your application with TypeScript (or ES6). It provides a lot of decorators and guideline to make your code more readable and less error-prone. ⭐️ Star to support our work!
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]
Moleculer - :rocket: Progressive microservices framework for Node.js