Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Prettier is an opinionated code formatter.Project mention: Level Up Your TypeScript Projects: Discover the Power of ESLint and Prettier | dev.to | 2023-11-28
In the dynamic world of full-stack development, incorporating linting and formatting tools such as ESLint and Prettier, along with your TypeScript projects, is essential. This integration is particularly important in team settings to ensure code uniformity in syntax and style. Additionally, these tools play a vital role in early detection of errors and bugs. In this article, we'll explore how these tools automate the coding process to produce clean, consistent, and production-ready code.
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.Project mention: HTML Data Attributes: One of the Original State Management Libraries | dev.to | 2023-11-29
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
Markdown for the component eraProject mention: Building Stunning Docs: Diving Deep into Docusaurus Customization | dev.to | 2023-11-19
/blog/ - This directory contains all the markdown files, of your site blogs, you can simply add a new blog by using markdown, or simply remove a blog file by deleting its file, you can combine the markdown with MDX, resulting a well-written blog post.
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.Project mention: React SSR web-server from scratch | dev.to | 2023-11-21
So getting this to work without bundler magic is very hard. It's not surprising why NextJS is investing in a bundler. Though one thing that really sticks out is how much complexity we add for just miniscule dev ergonomics. Not using JSX and using something like htm would make all this easier (removing the bundler entirely), it's a lot of overhead to avoid a couple of quotes. React should really have a tagged-template mode. Also all of this is indirection is actually bad for dev ergonomics too! One of the reasons I did this is because I'm absolutely sick of magic caches and sorting through code that's been crushed by a bundler into something I don't recognize and can't easily debug. While we can't get rid of this completely (ts/jsx) this preserves the module import graph completely on the client-side making it easy to find things as you are working and preserving line numbers. This obviously is not useful for a production build and there's a lot of work that would need to go in to support both modes over the same code, but it's depressing no tools really work like this for local development.
Full CSS support for JSX without compromisesProject mention: 45 NPM Packages to Solve 16 React Problems | dev.to | 2023-11-14
styled-jsx -> A library with a lot of similar features like styled-components. Has some extra features here and there.
Integrate React.js with Rails views and controllers, the asset pipeline, or webpacker.Project mention: Why there is no django-react or django-vue package like, for example, Rails has? | /r/django | 2023-01-30
https://github.com/reactjs/react-rails here is the functionality and simplicity that I would be kind of looking for. The option for it to exist in Django ecosystem is not that outlandish and I wouldn’t be too ignorant of it having to make sense or not make sense to everyone :)
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
A DIY guide to build your own ReactProject mention: "Build your own React" - Fiber tree | dev.to | 2023-11-13
This post is part of my post series that complements the "Build your own React" tutorial by Rodrigo Pombo.
A blazing fast React alternative, compatible with IE8 and React 16. (by NervJS)
A JSX-based page builder for creating beautiful websites without writing code
With dependency-cruiser, you can enforce which imports are allowed. This enables you to create an architecture fitness function that ensures your code continues to adhere to the initial design. You can also visualize your dependencies to gain a clearer understanding of your code's actual structure, allowing you to compare it with your mental model and make improvements where necessary.
:ghost: Tiny Concurrent UI library with Fiber.
I try to focus on the issues rather than individuals, but the root of the problems in the listed eslint plugin libraries points to ljharb.
If you do some simple digging into these libraries, you will find that these types of commits are quite common within them.
Converts HTML pages into React components
Neater If and For for React JSXProject mention: Dangers of Using <Guard> or <If> Components in React | /r/react | 2023-04-14
It's most likely some syntactic sugar plugin for babel. For example, one of these.
GDLauncher is a simple, yet powerful Minecraft custom launcher with a strong focus on the user experienceProject mention: trying to install Tlauncher | /r/pop_os | 2023-05-20
I used to use GDLauncher, but I would not recommend installing a launcher that lets issues like this one go by for almost a year without being fixed: https://github.com/gorilla-devs/GDLauncher/issues/1288
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Make Prettier organize your imports using the TypeScript language service API.
Render JSX/Hyperscript to HTML strings, without VDOM 🌈
React multistep wizard component
Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins (by wooorm)
Extract React components and props usage from code.Project mention: The Design System Ecosystem | news.ycombinator.com | 2023-09-23
> has had any ability to tell me where, how often, or even whether a particular component is in use in the production UI
I built a dashboard to display this for the design system I work on at my day job to give product designers better visibility into this, using a library called react-scanner and some logic related to the way our different product repos are structured. there are probably other libraries for this sort of thing in different ecosystems, and you can always build your own with a parser as well.
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
10 projects | news.ycombinator.com | 27 Nov 2023
React SSR web-server from scratch
2 projects | dev.to | 21 Nov 2023
Building Stunning Docs: Diving Deep into Docusaurus Customization
1 project | dev.to | 19 Nov 2023
Show HN: Create email templates with Markdown and JSX
1 project | news.ycombinator.com | 23 Oct 2023
Understanding Tech: Looking Beyond the Surface
3 projects | dev.to | 21 Oct 2023
11 projects | news.ycombinator.com | 21 Sep 2023
1 project | dev.to | 3 Sep 2023
A note from our sponsor - Appwrite
appwrite.io | 9 Dec 2023