3 cool next.js configs to enhance developer experience(DX)
- remove all console.* in production
- type safe routing
- see all console.* in terminal during development
#nextjs#reactjs#typescript#javascript
Streaming Data from Server to Client in React 19
use() + <Suspense> gives you streaming + concurrency, a big possibility for modern React apps.
#ReactJS#Nextjs#Frontend#JavaScript
"use no memo" (only in React Compiler)
if you are using React-Compiler and want it to not optimize a component or a function just add "use no memo" at beginning of your code.
#ReactJS#ReactCompiler#JavaScript#FrontendDevelopment
In #reactjs-ts projects, I had to choose between enum and "as const" for something like tabs many recommend "as const" as the modern typescript approach, type-safe and zero-cost, but I personally find enum simpler and easier to read.
do we always need to follow “best practices”?
Exploring ChatGPT Atlas (The Future of Browsing)
The experience feels super smooth and native. honestly, browsing feels faster and more fluid than Chrome. I’m still exploring, but it’s already clear that Atlas is redefining how we use AI on the web. #ChatGPTAtlas#OpenAI
What Does Meta Use for Styling Its Apps?
I was curious about how Meta styles its massive applications, and discovered they’ve built their own system: StyleX. it is open-sourced and used in Facebook, Instagram, WhatsApp, and Threads.
#StyleX#Meta#Frontend#CSSinJS#Reactjs
What is MCP (Model Context Protocol)?
MCP is an open-source standard that connects AI applications to external systems. Think of it as a USB-C port for AI - a standardized way for AI to interact with tools, data, and workflows.
You can check it on my github, link is in the bio
in javascript, there are 2 types of strings:
• primitive string → created with quotes ('test', "hello", `template`)
• string object (wrapper) → created with new String("test")
instanceof checks if the object was constructed by a given constructor function.
#javascript
do you think knowing these tricky points actually proves that you’re a good developer in interviews? or is it more about problem-solving and code clarity?
and if you know other tricky points, share them.
#js#ts#reactjs#frontend
Jōtai (means “state” in Japanese)
choosing a global state management solution is always a hot topic. i recently discovered jōtai, a minimal, smart, and easy-to-learn library. powerful enough to replace context api + usestate in react projects.
#jotai#statemanagement#reactjs
React.js new features: "Activity" and "View Transitions"
Activity: an API to allow components to be visually hidden and deprioritized but preserving UI state.
View Transitions: an API allowing smooth UI transitions such as navigation, expanding, opening...
#ReactJS#Frontend
🔶 Render Props Pattern in ReactJs
🔹Reusable Logic: Share behavior across components easily.
🔹Simple Rendering: Use a function prop to control output.
🔹Clean Design: Keep components focused and flexible.
#ReactJS#JavaScript#WebDev#Frontend#Programming
Weird reactjs tip: console.log directly inside jsx
Ever wanted to have a console.log directly inside your JSX without type error?
#reactjs#nextjs#javascript#typescript