🧿 React 19: Smooth Transitions
✨ Smarter updates, smoother transitions, and future-ready apps, that’s the React 19 way.
React 19 makes your UI buttery smooth!
Using startTransition, you can handle complex animations and interactions without blocking the main thread.
✨ Smarter updates, smoother transitions, and future-ready apps, that’s the React 19 way.
I’ve been setting up my PC OS with Arch these past two days and my back actually hurts 😭.
Yesterday I tried configuring Arch into Archcraft since it’s a lighter Arch distro, but it wouldn’t run most React frameworks — kept throwing HSM errors.
So today I switched to Omarchy, and honestly, I love it. It’s simple, clean, and the animations are just smooth.
Yesterday I tried configuring Arch into Archcraft since it’s a lighter Arch distro, but it wouldn’t run most React frameworks — kept throwing HSM errors.
So today I switched to Omarchy, and honestly, I love it. It’s simple, clean, and the animations are just smooth.
I’m starting to hate this “vibe coding” trend. It’s messing with a lot of devs’ minds — I’ve been there too.
You can use AI tools for almost anything, sure. But don’t depend on them for coding.
Use them only when you already understand what you’re doing — when the code feels easy, or when you’re just tired of typing endless lines.
But don’t learn coding from AI. Learn from the documentation. That’s where the real knowledge is.
You can use AI tools for almost anything, sure. But don’t depend on them for coding.
Use them only when you already understand what you’re doing — when the code feels easy, or when you’re just tired of typing endless lines.
But don’t learn coding from AI. Learn from the documentation. That’s where the real knowledge is.
Real Devs Learn from Docs, Not AI 💻
If you’re diving into JS, React, Next.js, or the MEAN stack, these are your go-to documentation resources:
JavaScript & Core Tools:
MDN JavaScript - https://developer.mozilla.org/en-US/docs/Web/JavaScript
Node.js - https://nodejs.org/docs/
NPM - https://docs.npmjs.com/
PNPM - https://pnpm.io/
Yarn - https://classic.yarnpkg.com/en/docs/
Bun - https://bun.sh/docs
TypeScript - https://www.typescriptlang.org/docs/
React & Related Tools:
React - https://react.dev
React Router - https://reactrouter.com/en/main
Redux - https://redux.js.org/
React Query / TanStack Query - https://tanstack.com/query/latest/docs/react
Next.js - https://nextjs.org/docs
NextAuth.js - https://next-auth.js.org/
Better Auth - https://www.better-auth.com/docs/introduction
Clerk - https://clerk.com/docs
Shadcn/UI - https://ui.shadcn.com/docs
Chakra UI - https://chakra-ui.com/docs
Material UI - https://mui.com/material-ui/getting-started/overview/
Tailwind CSS - https://tailwindcss.com/docs
NativeWind - https://www.nativewind.dev/
Framer Motion - https://www.framer.com/docs/
MEAN Stack (MongoDB, Express, Angular, Node.js):
MongoDB - https://www.mongodb.com/docs/
Mongoose - https://mongoosejs.com/docs/
Express - https://expressjs.com/
Angular - https://angular.io/docs/
Drizzle ORM - https://orm.drizzle.team/
Prisma - https://www.prisma.io/docs/
Supabase - https://supabase.com/docs
PlanetScale - https://planetscale.com/docs
Build Tools & Utilities:
Vite - https://vitejs.dev/guide/
Webpack - https://webpack.js.org/concepts/
Parcel - https://parceljs.org/features/
Rollup - https://rollupjs.org/guide/en/
Babel - https://babeljs.io/docs/en/
ESLint - https://eslint.org/docs/latest/
Prettier - https://prettier.io/docs/en/index.html
Jest - https://jestjs.io/docs/getting-started
Vitest - https://vitest.dev/guide/
Cypress - https://docs.cypress.io/
Playwright - https://playwright.dev/docs/intro
Neovim & Lazy.nvim:
Neovim - https://neovim.io/doc/
Lazy.nvim - https://lazy.folke.io/
LazyVim - https://lazyvim.github.io/
Expo (React Native Framework):
Expo - https://docs.expo.dev/
Pro tip: Don’t just copy code. Read the docs. Understand the “why” behind every function, hook, and method. That’s how you truly level up.
If you’re diving into JS, React, Next.js, or the MEAN stack, these are your go-to documentation resources:
JavaScript & Core Tools:
MDN JavaScript - https://developer.mozilla.org/en-US/docs/Web/JavaScript
Node.js - https://nodejs.org/docs/
NPM - https://docs.npmjs.com/
PNPM - https://pnpm.io/
Yarn - https://classic.yarnpkg.com/en/docs/
Bun - https://bun.sh/docs
TypeScript - https://www.typescriptlang.org/docs/
React & Related Tools:
React - https://react.dev
React Router - https://reactrouter.com/en/main
Redux - https://redux.js.org/
React Query / TanStack Query - https://tanstack.com/query/latest/docs/react
Next.js - https://nextjs.org/docs
NextAuth.js - https://next-auth.js.org/
Better Auth - https://www.better-auth.com/docs/introduction
Clerk - https://clerk.com/docs
Shadcn/UI - https://ui.shadcn.com/docs
Chakra UI - https://chakra-ui.com/docs
Material UI - https://mui.com/material-ui/getting-started/overview/
Tailwind CSS - https://tailwindcss.com/docs
NativeWind - https://www.nativewind.dev/
Framer Motion - https://www.framer.com/docs/
MEAN Stack (MongoDB, Express, Angular, Node.js):
MongoDB - https://www.mongodb.com/docs/
Mongoose - https://mongoosejs.com/docs/
Express - https://expressjs.com/
Angular - https://angular.io/docs/
Drizzle ORM - https://orm.drizzle.team/
Prisma - https://www.prisma.io/docs/
Supabase - https://supabase.com/docs
PlanetScale - https://planetscale.com/docs
Build Tools & Utilities:
Vite - https://vitejs.dev/guide/
Webpack - https://webpack.js.org/concepts/
Parcel - https://parceljs.org/features/
Rollup - https://rollupjs.org/guide/en/
Babel - https://babeljs.io/docs/en/
ESLint - https://eslint.org/docs/latest/
Prettier - https://prettier.io/docs/en/index.html
Jest - https://jestjs.io/docs/getting-started
Vitest - https://vitest.dev/guide/
Cypress - https://docs.cypress.io/
Playwright - https://playwright.dev/docs/intro
Neovim & Lazy.nvim:
Neovim - https://neovim.io/doc/
Lazy.nvim - https://lazy.folke.io/
LazyVim - https://lazyvim.github.io/
Expo (React Native Framework):
Expo - https://docs.expo.dev/
Pro tip: Don’t just copy code. Read the docs. Understand the “why” behind every function, hook, and method. That’s how you truly level up.
MDN Web Docs
JavaScript | MDN
JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache…
❤1
I usually prefer working on MERN stack projects, but now I’m shifting my focus to Next.js. Why? Next.js comes with a bunch of really cool features like server-side rendering (SSR), static site generation (SSG), API routes, built-in routing, image optimization, and great TypeScript support — things that make building full-stack apps smoother and more powerful.
Here’s how I usually structure my projects:
MERN Stack:
Frontend: Vite + React, Shadcn/UI for components, Better Auth, Tailwind CSS
Backend: Node.js + Express, Better Auth, MongoDB Atlas for storage
Next.js:
Next.js + Better Auth + Tailwind CSS + Drizzle ORM (I use PostgreSQL) + Shadcn/UI
Next.js just feels cleaner and faster for modern full-stack apps, and combining it with Better Auth and Drizzle makes everything so much easier to manage.
Here’s how I usually structure my projects:
MERN Stack:
Frontend: Vite + React, Shadcn/UI for components, Better Auth, Tailwind CSS
Backend: Node.js + Express, Better Auth, MongoDB Atlas for storage
Next.js:
Next.js + Better Auth + Tailwind CSS + Drizzle ORM (I use PostgreSQL) + Shadcn/UI
Next.js just feels cleaner and faster for modern full-stack apps, and combining it with Better Auth and Drizzle makes everything so much easier to manage.
Forwarded from A2SV | Africa to Silicon Valley
Are you an African who dreams of building Google-level software engineering skills?
Applications are now open for A2SV G7 Education!
This is your moment to learn, grow, and prepare for the top tech companies you’ve always aspired to join.
At A2SV Education, you’ll join a vibrant community that challenges you to think bigger, code smarter, and create real impact across Africa 🌍.
⏱️ It only takes 7 minutes to apply. Take your shot at joining A2SV G7 Education today!
👉 Apply now: https://form.typeform.com/to/wOWdCFrZ
📣 Spread the word! Tag a friend, share this post, and help us reach more brilliant African minds ready to transform their future through A2SV.
Together, we empower Africa’s next generation of world-class engineers and tech entrepreneurs! 💪 💻
#A2SV #Education #Generation7 #TopTech #ApplicationsAreOpen #SoftwareEngineering #AfricaTech
Applications are now open for A2SV G7 Education!
This is your moment to learn, grow, and prepare for the top tech companies you’ve always aspired to join.
At A2SV Education, you’ll join a vibrant community that challenges you to think bigger, code smarter, and create real impact across Africa 🌍.
⏱️ It only takes 7 minutes to apply. Take your shot at joining A2SV G7 Education today!
👉 Apply now: https://form.typeform.com/to/wOWdCFrZ
📣 Spread the word! Tag a friend, share this post, and help us reach more brilliant African minds ready to transform their future through A2SV.
Together, we empower Africa’s next generation of world-class engineers and tech entrepreneurs! 💪 💻
#A2SV #Education #Generation7 #TopTech #ApplicationsAreOpen #SoftwareEngineering #AfricaTech
Forwarded from Hacker News
Show HN: Bash Screensavers (Score: 152+ in 7 hours)
Link: https://readhacker.news/s/6EqHy
Comments: https://readhacker.news/c/6EqHy
A github project to collect a bunch of bash-based screensavers/visualizations.
Link: https://readhacker.news/s/6EqHy
Comments: https://readhacker.news/c/6EqHy
A github project to collect a bunch of bash-based screensavers/visualizations.
GitHub
GitHub - attogram/bash-screensavers: Turn your idle shell into a visual playground with this collection of Bash screensavers
Turn your idle shell into a visual playground with this collection of Bash screensavers - attogram/bash-screensavers
Forwarded from Chapi Dev Talks
in the official docs of shadcn they states initilizing shadcn through bun
but, I faced some difficulties, for example the initialization is not completed it just loads, then I did some digging and I found some reddit post and it cooled my frustration the correct way of initializing is
the solution is just add some spacing between the bun and x
bunx --bun shadcn@latest init
but, I faced some difficulties, for example the initialization is not completed it just loads, then I did some digging and I found some reddit post and it cooled my frustration the correct way of initializing is
bun x --bun shadcn@latest init
the solution is just add some spacing between the bun and x
Shadcn
Introduction
shadcn/ui is a set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks and AI models. Open Source. Open Code.
