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
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
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
United States เทรนด์
- 1. Dodgers 770K posts
- 2. World Series 409K posts
- 3. Blue Jays 155K posts
- 4. Yamamoto 241K posts
- 5. Will Smith 53.9K posts
- 6. jungkook 347K posts
- 7. Nigeria 777K posts
- 8. Miguel Rojas 46.5K posts
- 9. #River 5,072 posts
- 10. Yankees 16.6K posts
- 11. #Worlds2025 44.7K posts
- 12. Kershaw 40.1K posts
- 13. Game 7 237K posts
- 14. Carlos Manzo 318K posts
- 15. Baseball 174K posts
- 16. #T1WIN 14.9K posts
- 17. Kendrick 19.1K posts
- 18. Vladdy 23.5K posts
- 19. Ohtani 94.4K posts
- 20. Mets 11.8K posts
Something went wrong.
Something went wrong.