Breakpoint - Issue 7
Hey folks,
I’m kinda excited after getting a mic. Thinking to start a podcast or at least speak more on maybe Twitter or Discord server. It will mostly be about frontend tech, general tech news, or about North America working experience. Let me know if you would be interested.
🖥️ Frontend Shares
If you’ve been to frontend world for a while you probably know that React uses Virtual DOM under the hood to detect state changes and render the DOM based on those changes. It can sometimes be inefficient as it checks every node for change. million.js also uses Virtual DOM but it creates some “mappings” between props and the DOM so when something changes it knows which DOM represents that prop and state. It claims it be up to 70% faster than normal React components so it might be worth a try in your next react projects.
In a world where speed is everything, many companies choose to go edge-first solutions for their servers and even databases. Vercel has just introduced database and storage services on the edge servers. With React Server Components you can query your database right in the components but on the server side.
The End of Front-End Development by Josh Comeau (8 mins)
Title may seem scary but it talks about how there are many conversations about the recent phenomena of advanced LLM like GPT-4 will replace engineers. It does make easy tasks easier and it can even generate a simple prototype you can use to quickly validate your idea but it can’t build this production-ready enterprise level applications for us yet. There have been many other tools that seemed like they could replace job but actually help them work faster and better and AI in this case should be treated as such as well.
Why React Re-Renders y Josh Comeau (12 mins)
I think one of the most mysterious performance questions in frontend world is why my components re-render. This tutorial goes through what React does by default, how using memoization helps, and how over-doing so doesn’t help. This also makes me look forward to the new compiler the React team is working on that automatically adds memoization at the build step.
Qwik has released 1.0 the official stable version 🚀. Qwik takes performance very seriously by lazy loading and delaying and delaying any execution of code in the browser as long as possible so your main thread can be free most of the time and respond to user's interactive almost immediately. They have also adopted JSX so you will feel right at home if you are coming from React world. My next thing to check out would definitely be Qwik.
😆 Funny Meme
I think we are safe for now