Medium·3yReact JS Best Practices
The React style guide is a set of recommendations for writing clean, maintainable code with React. Hooks are a new feature in React that allow you to use state and other React features without writing a class. The React memo higher-order component is a way to optimize the performance of your functional components.
Medium·3yHandling errors like a pro in TypeScript
The correct answer is to narrow the type of error, and we’ll look at how to do that, but why is this even necessary? In JavaScript, just about anything can be thrown: The error that is caught truly is unknown. When the error is caught we can narrow the error type by using Once narrowed, gives us intellisense.
Medium·3yWhy You Should Use Islands Architecture
In 2013, the Facebook-backed React barreled onto the web development scene offering a completely new way of rendering web applications. Instead of rendering pages on the server and shipping them to the client, developers could use React to create Single Page Applications (SPAs) that were rendered on the client side.
Medium·3yData Fetching: FETCH API Approach vs SWR Approach
Fetching is a method of receiving and sending data provided to us by JavaScript. The Fetch API method has an asynchronous nature. It is not a method that can be used alone as a substitute for FETCH API. In the Single Page Application method, there is usually no need to load a web page from scratch.
Medium·3yOptimizing React Components with the Reconciliation Mechanism: Tips and Best Practices
Reconciliation is the process by which React updates the UI in response to changes in data. It is a key feature of React that enables developers to build applications that are fast, responsive, and maintainable. By understanding and optimizing the reconciliation process, developers can build efficient and performant applications with React.
Medium·3yBattle of the Giants: GitHub Copilot vs ChatGPT ⚔️⚔️
GitHub Copilot is a tool to help developers write code faster. The release of ChatGPT sent ripples through the programming community as it could come up with incredible code snippets. The first time it generated incorrect code, and the next attempt was better Weirdly it works without the API key.
Medium·3yDocklight: a GUI that visualizes your Docker container metrics
Docklight is a GUI that visualizes your Docker container metrics. It is an open-source tool that communicates directly with your Docker Daemon. Docklight runs on the localhost of your machine, and once clicked on, our metric pages immediately pull streams of information from your Daemon and display them in clean, beautiful, readable charts.
Medium·3yDeployment is harder than coding
The work that goes into deployment is just as hard, if not harder, than writing the code. The pipelines, integration checks, and failover mechanisms are a huge part of the application. DevOps engineers are the kindest, calmest, and most easy-going among all of us.
Medium·3yThe power of TypeScript decorators: real cases. Decorating class methods.
The power of TypeScript decorators: real cases. Decorating class methods. The technology itself can be classified as metaprogramming or declarative programming. Using decorators, we can avoid code duplication by encapsulating a cross-cutting concern in a standalone module.