node-typescript-architecture
solid-site
node-typescript-architecture | solid-site | |
---|---|---|
8 | 66 | |
113 | 156 | |
- | 1.9% | |
3.5 | 8.5 | |
6 months ago | 14 days ago | |
TypeScript | TypeScript | |
- | - |
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.
node-typescript-architecture
-
Best file structure for node js project
It's opinionated, and it's self promotion, but this is what I've used for every project of mine since 2020: https://github.com/jbreckmckye/node-typescript-architecture
-
Ask HN: Web frameworks – which less popular framework are you using and why?
Self-plug: I wrote this Node / TypeScript port of "clean architecture" to typed, functional JavaScript two years ago - and it's served me well on every production project ever since
https://github.com/jbreckmckye/node-typescript-architecture
-
Moving to NodeJS
Node TypeScript Architecture repo by Jimmy Breck-McKye (https://github.com/jbreckmckye/node-typescript-architecture) as a fan of TypeScript this will be extremely helpful for me to see how to structure a TS based Node app
-
How do people find time and energy for (large) side projects?
I would also say that certain practices are invaluable for working efficiently, just as they are in a job. I don't unit test my open source work particularly religiously - to be honest, I don't feel it gives me much more confidence. But I do have a personal architecture (based on ports and adapters, if you're interested), that I stick to because it always allows me to keep my pure logic and IO / effects code strictly separated.
-
Reference Design/Architecture document
May I share this? https://github.com/jbreckmckye/node-typescript-architecture
- Domain-Driven Hexagon - DDD, architecture, best practices (Full project using NestJS)
- NTA: An opinionated (work in progress) architecture for writing Node TypeScript apps, with functional DI/IOC and runtime type validation
- Show HN: An opinionated architecture for Node/TypeScript apps
solid-site
-
Learn how to install SolidJS with Flowbite and Tailwind CSS
SolidJS is a popular and open-source declarative JavaScript library that empowers reactive UI interfaces for the web that ensures a performant benchmark, leverages the flexibility of JSX and also provides support for TypeScript, Astro, and Vite.
- Porting my old dynamic form render from React to SolidJS
-
Question: Where does Nuxt 3 fit in, in 2023?
In 2023 there are a wealth of developer options for front-end: React, Vue, Svelte, Solid and many more.
-
Using Solid Start with GitHub pages
You may or may not yet have heard about Solid Start, which is the much anticipated upcoming meta framework for Solid.js currently being in beta.
-
Invoking Solid.js components from your Ember apps
SolidJS is a powerful, pragmatic and productive JavaScript library for building user interfaces with simple and performant reactivity. It stands on the shoulders of giants, particularly React and Knockout. If you've developed with React Functional Components and Hooks before, Solid will feel very natural because it follows the same philosophy as React, with unidirectional data flow, read/write segregation, and immutable interfaces.
-
Reactivity Without Virtual DOM
Things like Solid (https://www.solidjs.com/) also have no virtual DOM, and the improves are in higher ceiling for performance, lower memory usage, simpler DX (components are not re-executed, there aren't any dependency arrays everywhere), easy high performance (no useRef this and useRef that to make things fast, no useCallback, no React.memo, these things are just obsolete).
-
I also build my portfolio with Tailwind (links and details in coments)
Made with: - Windblade (my own version of Tailwind) - Solid JS - Vite
-
Using ES6 Proxy for Cross-cut Concerns - A Real-world Example
SolidJS
-
Separation of concerns slows you down
For the time being, this is how I approach web development on pretty much every project I have “architectural control” over. That’s how I worked with Solid.js and Tailwind CSS for the past 2 years. That’s how Vrite is being built. Has worked pretty well so far…
-
What I want for 2023
SolidJS (They've started building the SolidStart and I want to give it a try)
What are some alternatives?
domain-driven-hexagon - Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
io-ts-promise - io-ts for developers who like Promises
purescript-halogen - A declarative, type-safe UI library for PureScript.
fastapi-fullstack-boilerplate - A full stack boilerplate for FastAPI [Moved to: https://github.com/tmkontra/fastapi-fullstack-boilerplate]
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
fullstack-starter-template - Template for full stack applications based on TypeScript, React, Vite, ChakraUI, tRPC, Fastify, Prisma, zod, etc.
solid-start - SolidStart, the Solid app framework
nodebestpractices - :white_check_mark: The Node.js best practices list (February 2024)
reagent - A minimalistic ClojureScript interface to React.js
clog - CLOG - The Common Lisp Omnificent GUI
astro - The web framework for content-driven websites. ⭐️ Star to support our work!