Natnael Eshetu’s Post

👀 React insight Historically there were lots of different React Components and Patterns. Let's check all of them: 🙁 createClass Components 🙁 Mixins (Pattern) 🙁 Class Components 🙁 Presenter vs Container Components (Pattern) 😐 Pure Components (Impl. Detail) 📉 (due to React Compiler) 😐 Higher-Order Components (Pattern) 📉 😐 Render Prop Components (Pattern) 🙂 Function Components 🙂 Compound Components (Pattern) 🙂 Client Components 📈 🙂 Server Components (RSC) 📈 🙂 Components Composition (Pattern) 📈 (due to RSC) Meanings: 🙂 Used 😐 Rarely Used 🙁 Legacy 📈 Upward Trend 📉 Downward Trend

Developer and engineers that use redux, what is the most common problem you encounter while using redux. Redux is my favorite state management library btw. #redux #statemanagement #reduxtoolkit #reactredux

Handling state management with query params in nextjs pages router. Src: https://lnkd.in/egXSzzJ7

Open Source realtime backend in 1 file

Enhancer is a curry function.Which means is an function specialization technique from functional programming, they idea run a chain of functions that takes one input, one output. Pretty much like an motorcycle assembly line. https://lnkd.in/dXxJSFxY Example Code : https://lnkd.in/dTdVYz8z Personal notes : https://lnkd.in/duaWXQ3g . . . . . . . . #infrastructure #ui #business #development #react #vite #web #enterprise #scalability #scale #state

Little change, big impact: https://lnkd.in/eKdcDyxv. How I improved latency of my application with just changing a library for config parsing.

Visualize the dependency graph of npm packages. #NPMPackages #DependencyGraph #JavaScriptVisualization #SoftwareDependencyManagement #PackageManagement #CodeAnalysis #DevTools #JavaScriptDevelopment #NodeJS #CodeVisualization https://pkg-graph.info/

What is the package.json file? The package.json file is the heart of a Node.js system. This file holds the metadata for a particular project. The package.json file is found in the root directory of any Node application or module This is what a package.json file looks like immediately after creating a Node.js project using the command: npm init You can edit the parameters when you create a Node.js project

The method .then() allows us to define is the flow of execution in our promise by passing functions and to catch errors in a - Sequential - Blocking - Reasonable programming style. https://lnkd.in/dkw2f6fd Code : https://lnkd.in/dsWcfqWs Personal notes : https://lnkd.in/duaWXQ3g . . . . . . . . #infrastructure #ui #business #development #react #vite #web #enterprise #scalability #scale #state #concurrency #thunk #javascript

I had to figure out what http requests a cli was making and remembered https://buff.ly/4474s4w exists. You run it and in a terminal runs: eval "$(curl -sS localhost:8001/setup)" Now all network gets proxied through http toolkit for easy introspection. *REALLY* useful to grok what is happening.