
Sattar | CodeBlitz
@CodeBlitz
Building with TypeScript, Javascript, ReactJS, NextJS, NodeJS & Web3 | Sharing what I learn | Open to collabs & projects
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

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. Check it out on my GitHub: github.com/sattarrasouli/…


"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 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



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

practice git branching visually and build confidence. try it here: learngitbranching.js.org #FrontendDeveloper #git #reactjs #javascript

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


good to know:
🔸 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




react.js tip: PropsWithChildren if you have children with other props you can use PropsWithChildren. #reactjs #nextjs #typescript #javascript

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

Gaming heritage 4K

git tip: create your own shortcut(alias) git let us create a shorter command for command we often use. by adding it to "git config --global alias." #js #ts #reactjs #nextjs

I fully documented the evolution of react reconciliation from stack to fiber. And what fiber and react compiler brings to react. You can read it on medium: medium.com/@sattarrasouli… #reactjs #nextjs
If you want to deeply understand Why typeof null is object in javascript You can read my article on medium: medium.com/@sattarrasouli…
I’ve just tried nextjs15.5, biome is not compatible with tailwind!
Typed routes are stable in Next 15.5
#TypeScript private is compile-time only. #JavaScript private is runtime enforced. TypeScript private Compile-time only. At runtime, it’s just a normal property. JavaScript #private Runtime enforced (ES2022+). Truly hidden, you can’t access it from outside. #reactjs #nextjs


United States 趋势
- 1. Columbus 137K posts
- 2. President Trump 1.01M posts
- 3. Middle East 234K posts
- 4. #IndigenousPeoplesDay 9,549 posts
- 5. #WWERaw 51.7K posts
- 6. Seth 45.7K posts
- 7. $BURU 1,044 posts
- 8. Thanksgiving 54.3K posts
- 9. Brian Callahan 4,067 posts
- 10. Macron 197K posts
- 11. Marc 47.2K posts
- 12. Darius Smith 3,434 posts
- 13. HAZBINTOOZ 3,831 posts
- 14. Apple TV 4,814 posts
- 15. Mike Shildt 2,014 posts
- 16. Egypt 238K posts
- 17. #drwfirstgoal N/A
- 18. Flip 51.7K posts
- 19. Nathan MacKinnon N/A
- 20. Cape Verde 2,929 posts
Something went wrong.
Something went wrong.