Sattar

_ a developer!

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

"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

[Sattar @CodeBlitz]

@_devJNS as a frontend developer for simple usage i use thunder client extension.
since i knew it i no longer need postman.

-btw postman is great.

[Sattar @CodeBlitz]

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”?

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

@csaba_kissi bun is awesome!
@bunjavascript

really fast it feels like your local!

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

practice git branching visually and build confidence.

try it here:
https://t.co/nG2GtKcnTH

#FrontendDeveloper #git #reactjs #javascript

[Sattar @CodeBlitz]

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

[Sattar @CodeBlitz]

🔶 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

[Sattar @CodeBlitz]

good to know:

[Sattar @CodeBlitz]

🔸 TypeScript Tip: The Power of "in"

🔹 The "in" keyword isn’t just for checking properties, it’s also a backbone for type narrowing and mapped types.

#TypeScript #JavaScript #WebDevelopment #Frontend #CodingTips #SoftwareEngineering #ReactJS #NextJS #ReactDeveloper

[Sattar @CodeBlitz]

react.js tip: PropsWithChildren

if you have children with other props you can use PropsWithChildren.

#reactjs #nextjs #typescript #javascript

[Sattar @CodeBlitz]

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

[Universal arts & Wallpapers @Universal4karts]

Gaming heritage 4K