I share articles, videos, books, and tips that I’ve found helpful for web development especially JavaScript, TypeScript, and frameworks like React, Next.js, Express, and Node.js. I also share Neovim tips so that we can flex on others.
This is probably the only react Layout resource you would ever need. This will show you how to use the <outlet/> (react-router-dom) component to have that consistent layout throughout different routes.
==========================
https://dev.to/sajithpj/master-the-layouts-in-react-js-control-layout-from-any-page-dev-community-fea
==========================
https://dev.to/sajithpj/master-the-layouts-in-react-js-control-layout-from-any-page-dev-community-fea
DEV Community
Master The Layouts In React JS. Control Layout From Any Page - DEV Community.
Hi Developers🙋♂️, We are going to talk about the Layouts in React JS. I will share with you an...
Want to roll out your own auth? This has you covered. It will walk you through how to implement authentication in React.
==========================
https://dev.to/sanjayttg/jwt-authentication-in-react-with-react-router-1d03
==========================
https://dev.to/sanjayttg/jwt-authentication-in-react-with-react-router-1d03
DEV Community
JWT Authentication in React with react-router
In this blog post, we'll explore the seamless integration of JWT authentication with React and...
❤3
I always forget how to set up React + tailwind + Typenoscript for a project, I basically always look at this guys step on how to configure it. Highly recommend it.
==========================
https://medium.com/@urza.p/react-typenoscript-tailwind-css-v4-a-complete-setup-guide-b5f130aec635
==========================
https://medium.com/@urza.p/react-typenoscript-tailwind-css-v4-a-complete-setup-guide-b5f130aec635
Medium
React + TypeScript + Tailwind CSS v4: A Complete Setup Guide
In modern frontend development, React remains the go-to library for building dynamic user interfaces. Pair it with TypeScript for type…
Networking Note -2.pdf
17.4 MB
This are the book references that are used by the Cisco Course on cybersecurity given in Addis ababa university for 10k birr. enjoy!!
Networking Note -1.pdf
17.6 MB
This are the book references that are used by the Cisco Course on cybersecurity given in Addis ababa university for 10k birr. enjoy!!
❤1
So many component libraries, which one to choose?…… short answer Shadcn
==========================
https://youtu.be/lIUp8bdKiq4?feature=shared
==========================
https://youtu.be/lIUp8bdKiq4?feature=shared
YouTube
A breakdown of style solutions for 2025
There are more options for styling web apps then there have ever been, but things are kind off weird...
Thank you Posthog for sponsoring! Check them out at: https://soydev.link/posthog
Proof that shadcn can make beautiful UI: https://soydev.link/chat
SOURCES…
Thank you Posthog for sponsoring! Check them out at: https://soydev.link/posthog
Proof that shadcn can make beautiful UI: https://soydev.link/chat
SOURCES…
Is your React code slow? maybe it’s because of a memory leak. See how to fix it here.
==========================
https://www.freecodecamp.org/news/fix-memory-leaks-in-react-apps/
==========================
https://www.freecodecamp.org/news/fix-memory-leaks-in-react-apps/
freeCodeCamp.org
How to Fix Memory Leaks in React Applications
Have you ever noticed your React application getting slower the longer you use it? This could be a result of memory leaks. Memory leaks are a common performance issue in React applications. They can slow down your application, crash your browser, and...
Do you guys know the difference between ESlint and prettier, And want to know how to use them side by side? if not check out this video.
==========================
https://m.youtube.com/watch?v=sSJBeWPIipQ
==========================
https://m.youtube.com/watch?v=sSJBeWPIipQ
YouTube
Josh Goldberg - Setting Up ESLint and TypeScript for React
Setting Up ESLint and TypeScript for React at React Miami 2023
Static analysis -tools that analyze your code without running it- are a powerful way to level yourself up as a developer. But, there are a lot of them, and it can be confusing figuring out which…
Static analysis -tools that analyze your code without running it- are a powerful way to level yourself up as a developer. But, there are a lot of them, and it can be confusing figuring out which…
I have never worked with react-hook-form before, this was a good article to break down the core features.
==========================
https://letsreact.org/react-hook-form-a-step-by-step-guide
==========================
https://letsreact.org/react-hook-form-a-step-by-step-guide
letsreact.org
React Hook Form: A Step-by-Step Guide
Unlock the power of efficient form handling in your React applications with our step-by-step guide to React Hook Form. Learn how to easily manage form state, v…