Thoughts on what we might see in the coming year, including the return of micro-frontends, functional JavaScript & the demise of the Jamstack as we know it.
Prisma is an open-source ORM that makes it fun and safe to work with a database like MySQL, Postgres, SQL Server, or MongoDB. It generates a type-safe client library to provide an awesome DX in any Node.js or JavaScript project.
Instead of adding pending states and busy indicators while we wait for the server to process a mutation, we already know what the UI will look like when it's done. Skip the spinners with Optimistic UI!
An HTML Select element that is... actually styleable.
Select menus, like literally the select native HTML elements, are notoriously unstyleable. In the last few years, it's become tenable to style the outside of the menus, even with just CSS alone, making them sit nicely in design systems without too much trouble.
docs.page is a free Open Source project, allowing you to create instant, fast, beautiful documentation with zero configuration.
Documentation is an important aspect for many projects, however creating a custom documentation website
for each project is time consuming. Many common solutions to problems have to be duplicated, along with
dealing with overheads such as website maintenance & hosting.
Solutions such as Jekyll, Docusaurusdocsify and many others are great projects, however still require custom setup for each project.
docs.page is designed to deliver instant documentation websites, with the content sourced directly from any public
GitHub repository. Features include:
Configurable: Add your own logo, theme, analytics, navigation and more with a simple config file.
Previewing: View the documentation of any branch, pull request or specific commit,.
This repository is a monorepo containing two packages:
packages/tldraw contains the source for the @tldraw/tldraw package. This is an editor as a React component named <Tldraw>. You can use this package to embed the tldraw editor in any React application.
packages/core contains the source for the @tldraw/core package. This is a renderer for React components in a canvas-style UI. It is used by @tldraw/tldraw as well as several other projects.
CSS Scroll Snap: https://t.co/6qkWfvlnCK ~ lock the viewport to certain elements after the user finishes scrolling. Ace for advanced interactions. Also see https://t.co/Q5AiH2lPTn to learn more. h/t @argyleink@una @maxkoehler https://t.co/B0G20wFiOZ
Tailwind CSS
@tailwindcss
🚀 Introducing `prettier-plugin-tailwindcss` — our official Prettier plugin for automatically sorting your Tailwind classes!
ICYMI: "Learning Patterns" patterns.dev is a free 435+ page book on JavaScript + React design & performance patterns from @lydiahallie and I. On the web, ePub & PDF. ~1 million views so far. We hope it's helpful!
Aysenur Turk had a number of appearances on this year’s Top Hearted of 2021, including #1! In this podcast, I get to catch up with her, find out where she gets ideas and inspiration, how much time it takes to build something like her amazing layouts, and what her favorites are.
](https://res.cloudinary.com/practicaldev/image/fetch/s--szivt4Dv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/2886970/screenshots/17387848/media/a0f746b1571bd06d9d9583b521c69079.png)
](https://res.cloudinary.com/practicaldev/image/fetch/s--Ic7Gqnvq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/10495245/screenshots/17388305/media/e39a1e325e1309e0e3dc330afd880287.png)
](https://res.cloudinary.com/practicaldev/image/fetch/s--sfRHkg8Z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/6025371/screenshots/17383897/media/92998c17201263cc9e45b710a4068eca.png)
](https://res.cloudinary.com/practicaldev/image/fetch/s--_X1VNTMM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.dribbble.com/users/4179218/screenshots/17387992/media/61693be1f93194a047ae5ee57956da75.png)
