Dcode
195 subscribers
185 photos
21 videos
5 files
125 links
I'm Dave , the CLI guy
Download Telegram
🧿 React 19: Smooth Transitions

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.
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.
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.
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.
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
Elon musk has launched


Wikipedia's alternative an fully open source site Grokipedia.com
Forwarded from Chapi Dev Talks
have you guys tried hasab ai?

super amazing and one of the best

check it here @myhasabaibot
in the official docs of shadcn they states initilizing shadcn through bun
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
I’m planning to build a B2B (student-to-student) platform where students can buy and sell products. For example, students can sell used items, or products purchased from AliExpress, to other students who want to buy them. I’ve seen many Telegram channels where people post ads for their products, but you usually have to pay to post. On this platform, posting and selling products will be completely free. The project will be open source so anyone can access it.

I’m planning to use Next.js + MongoDB + Better Auth.

I chose Next.js because of its server-side rendering optimization and improved SEO.
👍3
I am bad at naming things😂, any idea about the platform name
Here is the header and the hero section i am working out, i am not good at designing things😭
👍3
Next js is improving a lot
tried the next proxy.ts which replaces middleware.ts in the new next js 16
3🔥3
😂
😁8
I've finished some side project, I'll share it later
👍1
Have you ever used IDM in windows?