React components 🧩, Working of browsers 🌐, Extensions 🔌, Search System 🔎 | Techletter #59
How does react differentiate a class component & functional component?
Let’s take <Greeting /> as an example component. React should understand the difference because, if it’s a functional component then react needs to call the function, but if it’s a class component then the react needs to instantiate it with the new keyword and then render it. So how does react differentiate between class and functional component?
// Inside React
class Component {}
Component.prototype.isReactComponent = {};
// We can check it like this
class Greeting extends Component {}
console.log(Greeting.prototype.isReactComponent) //YesHow do browsers work?
Web browsers are the most widely used software. But how do they work behind the scenes? What happens when you type google.com in the address bar until you see the Google page on the browser screen? There is a lot of engineering in it, but nobody recognizes the complexity involved. This article will dive deep into this topic.
The pain points of building a copilot
We are all using AI chatbots extensively. But how are they built? It’s not an easy process and is not a simple crud operation. Given the nondeterministic nature of LLMs, it changes the typical software development process. It’s a messy process involving: exploration, implementation, evaluation, and productization.
Write code for the web
Write code that runs on the web. We’re lucky to have a shared platform that no single entity owns. Even benevolence can be ruined by incompetence. The web platform is in a precarious place – overreaching governments, browser duopolies, a complex developer ecosystem – so it is not a given it’ll remain thriving. But so far it has survived. And every year longer it survives, the more the chances that it’ll continue to thrive in the future.
Browser Extensions are underrated
Browser extensions are interesting to use as well as develop. They help us to extend the available software. This article dives deep into the usage of extension.
How to build a search system with nodejs and OpenSearch?
Once you start scaling your application, you accumulate large amounts of data, querying becomes slower, and you can’t make use of your relational db (Because if you want to, then you need to build your own system just to perform a search) to perform a high-speed full-text search you would need a third-party service like elastic search or OpenSearch