Finally useful Shadcn/UI library that is not just fancy animation, but real usage
find it here ui.elevenlabs.io
find it here ui.elevenlabs.io
Now I am practicing NeoVim, which is an IDE where you can code without needing your mouse and it is cool
🧿 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.