Bookmarks

How To Learn Stuff Quickly
It's often said that the internet has democratized education: the sum of human knowledge is only a Google search away! And yet, having access to information is only half of the story; you also need to be able to convert raw information into usable skills.
17 Aug 2022joshwcomeau.com
CSS Variables for React Devs
Introduction This is a controversial opinion, but I rather like CSS-in-JS. 😬🚨
17 Aug 2022joshwcomeau.com
Why React Re-Renders
Introduction So, I'll be honest. I had been working professionally with React for years without really understanding how React's re-rendering process worked.
17 Aug 2022joshwcomeau.com
NextJS Developer Extensions Pack: Install the best VSCode extensions with one click
It looks that we'll never run out of VS Code best extensions posts and lists, right? As an daily user of VS Code I think I can related with the feeling of share with other people how amazing some tools are and help boost our productivity in some many forms and ways that we wouldn't guess.
16 Aug 2022dev.to
Top 10 Best VS Code Extensions for React Developers 2022
Visual Studio Code has grown over the years to become the best and most popular text editor for java, app, and web developers. With more than 14 million users worldwide, Visual Studio Code is unarguably the default text editor for developers.
16 Aug 2022codevoweb.com
Top 10 VSCode Extensions for React
What will be covered here? We will be covering 10 essential visual studio code extensions for React developers.
16 Aug 2022dev.to
Ghosting Candidates, Marathon Interviews and Zero Feedback: The Modern Recruitment Experience
You have 2 free member-only stories left this month.
16 Aug 2022andybudd.medium.com
Editor - Convert SVG to valid JSX
16 Aug 2022svg2jsx.com
random
js const random = (min, max) => Math.floor(Math.random() * (max - min)) + min; In JavaScript, we can generate random numbers using the Math.random() function.
16 Aug 2022joshwcomeau.com
Building a Modern-Day Hit Counter
Introduction I've spilled a lot of digital ink on this blog talking about the magic of compile-time workflows, using tools like Gatsby to build rich, dynamic web apps without needing a runtime Node server.
16 Aug 2022joshwcomeau.com
Refreshing Server-Side Props
In a Next.js application I'm working on, I have an "admin" page, which lets me manage registered users: One of my favourite features about Next.js is that individual routes can opt-in to server-side rendering.
16 Aug 2022joshwcomeau.com
Color and Contrast.com
A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast.
16 Aug 2022colorandcontrast.com
Design Systems of the Future: How I’m creating an IDE for product design
Chapter I
16 Aug 2022bootcamp.uxdesign.cc
next-api-og-image/basic-tailwind.js at main · neg4n/next-api-og-image
16 lines (15 sloc) 423 Bytes
15 Aug 2022github.com
Easy way to generate open-graph images dynamically using Next.js API Routes
Next.js API OG Image · Simple library with purpose of providing easy way to dynamically

15 Aug 2022reactjsexample.com
Deconstructing toasts
Toast messages are one way to communicate to a user that something that changed. Usually these messages display for a few seconds and disappear on their own.
15 Aug 2022kellyharrop.com
How To Implement JavaScript Array Methods From Scratch | DigitalOcean
// Tutorial // Introduction JavaScript includes several functions for working with arrays that go beyond the for loop.
13 Aug 2022digitalocean.com
GitHub - cosmicjs/cosmicjs-node at chain-methods
Content management made simple, fast, and secure.
12 Aug 2022github.com
Prismic CMS: The Headless Website Builder for Jamstack - Prismic
Generate growth by rapidly creating on-brand pages. 
Assemble them with re-usable website sections, aka Slices. Over 10,000 companies are growing fast with Prismic.
12 Aug 2022prismic.io
Eraser – The whiteboard for engineering teams
11 Aug 2022tryeraser.com
Designing in the Open(Source)
By Jon Friedman
10 Aug 2022medium.com
Home | Oh My Posh
Get Started
10 Aug 2022ohmyposh.dev
Layouts RFC
This RFC (Request for Comment) outlines the biggest update to Next.js since it was introduced in 2016.
10 Aug 2022nextjs.org
Why everyone is losing their minds over this new browser
Welcome to all of the founders who subscribed since last time! If you’re not a subscriber, join the good folks from startups and Fortune 100 companies who are building better products.
10 Aug 2022jolibois.substack.com
Improving INP with React 18 and Suspense – Vercel
Interaction to Next Paint (INP) measures your site’s responsiveness to user interactions on the page. The faster your page responds to user input – the better. INP is an experimental metric to develop a better way of measuring responsiveness than First Input Delay (FID).
9 Aug 2022vercel.com
How to implement protected routes in Next.js
One of the features that is neccessary in a single page application as it pertains to the authentication or its security is the ability to conditionally show some UI to the users based on their authentication state.
9 Aug 2022dev.to
Rethinking Authentication UX — Smashing Magazine
Quick summary ↬ Nobody wakes up in the morning hoping to finally identify crosswalks and fire hydrants that day. Yet every day, we prompt users through hoops and loops to sign up and log in.
9 Aug 2022smashingmagazine.com
Junior designers need your help
Image: Kanhaiya Sharma, unsplash.com My experience
9 Aug 2022uxdesign.cc
Poimandres
👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript. TypeScript 6.7k 255 Repositories
9 Aug 2022github.com
⌘K
import { Command } from 'cmdk';
8 Aug 2022cmdk.paco.me
12 ways to get the most out of Shortcuts for iPhone – Matthew Cassinelli
Yours truly for iMore: The best automation is the one you have with you, and that means Shortcuts for iPhone is the biggest opportunity for people to take advantage of Apple’s automation platform.
7 Aug 2022matthewcassinelli.com
How to load and use Google Fonts in Next.js 12 + Tailwind 3 | Lightrains
Share How to load and use Google Fonts in Next.js 12 + Tailwind 3
6 Aug 2022lightrains.com
Add support for configuring default font-feature-settings for a font-family by adamwathan · Pull Request #9039 · tailwindlabs/tailwindcss
6 Aug 2022github.com
GitHub - AndrejJurkin/create-tw: CLI to scaffold tailwindcss-ready projects
The easiest way to get started with TailwindCSS. It uses popular scaffolding scripts like create-next-app or create-vite to scaffold projects and then configures TailwindCSS to work with your project out of the box.
6 Aug 2022github.com
Government Design Principles
1. Start with user needs Service design starts with identifying user needs.
6 Aug 2022gov.uk
Why Working with Content is Hard for Developers – Contentlayer
How we work with content on the web has shifted dramatically since the early days. Yet, working with content is still too difficult for developers. • Traditional CMSs require a lot of knowledge and effort to build, deploy, and maintain.

6 Aug 2022contentlayer.dev
Pure UI
I recently redesigned and implemented a new version of VideoPress, the WordPress video platform.
6 Aug 2022rauchg.com
Search and filter data in React.js using Hooks and a headless CMS - StackBlitz
6 Aug 2022stackblitz.com
Fig on Twitter
Oh my git - Fig plugin
4 Aug 2022mobile.twitter.com
How to add Algolia InstantSearch to your Next.js application
2 Aug 2022contentful.com
Moonlight - Visual Studio Marketplace
Variants • Moonlight (regular and italics) (legacy)
2 Aug 2022marketplace.visualstudio.com
Docusaurus 2 – Vercel
This directory is a brief example of a Docusaurus site that can be deployed to Vercel with zero configuration. Deploy Your Own
1 Aug 2022vercel.com
Figma
1 Aug 2022t.co
Figma
1 Aug 2022figma.com
Releases – Radix UI
With this release, we start following semantic versioning strictly. All primitives are now versioned 1.0.0. We also move the Select, Toast and NavigationMenu from beta to stable.
1 Aug 2022radix-ui.com
PlanetScale
The last thing we wanted to pay for was an engineering team to host our own database, especially when we were trying to get a product in the market. You don’t need to hire engineers to manage databases if you can pay somebody else to do it.
31 Jul 2022planetscale.com
2 Ways to Render HTML Content in React and JSX - Kindacode
There might be times where you need to render HTML content in a single-page app made with React. For instance, you have a blog or a news website that uses React for the frontend and use a headless CMS for the backend.
30 Jul 2022kindacode.com
Product Design Career Ladders - Google Drive
1 2 ICICManagerIC/ManagerICManagerICICManagerDesign ICArchitect TrackManager TrackSingle-tracked
30 Jul 2022docs.google.com
Zed – A lightning fast, collaborative code editor
We think there's a better way to write code, and it starts with the following assumptions: Mission-critical tools should be hyper-responsive. When you move the cursor or type a character, you should see pixels on the next refresh of your display—every time.
30 Jul 2022zed.dev
Features – Linear
Features With its meticulous design, breathtaking speed and opinionated yet flexible workflows, Linear unlocks your team’s full potential. It is the tool of choice for high-performance teams to build products better.
30 Jul 2022linear.app