Optimizing React Performance: Beginner's Guide
As React apps grow, you may notice performance starting to lag - sluggish interactions, choppy animations, janky scrolling.
Luckily, there are many …
Read Article →Javascript
94 articles about javascript development, tools, and best practices
State Management 101 - A Beginner's Guide to React State
State management is a crucial concept in React. State allows components to dynamically update UI based on data changes.
However, managing state …
Read Article →Accessible React Apps: Beginner's Guide to Accessibility
Accessibility is an important consideration when building modern web apps. React provides useful tools to make accessible, inclusive products. …
Read Article →Mystery Boxes - A Beginner's Guide to React Fragments
When returning multiple elements from a component’s render method, they must be wrapped in a single parent DOM node:
// Needs a <div> …Unidirectional Data Flow in React: Beginner's Guide
A key advantage of React is its unidirectional data flow. This makes the flow of data predictable, and helps avoid unexpected side effects from data …
Read Article →Event Handling in React: Beginner's Guide
Responding to user events is a crucial part of building interactive UIs. In React, you can pass event handlers as props to components to run code when …
Read Article →Hooked on React - A Beginner's Guide to React Hooks
When React was first released, class components were the standard way to build complex UIs. However, classes can be cumbersome for some use cases. …
Read Article →Lifting State in React: Beginner's Guide
As React apps grow in complexity, managing shared state between components can become tricky. Oftentimes, several child components may need to reflect …
Read Article →Looping in JSX with React Keys: Beginner's Guide
Looping over arrays to render lists of elements is a common need in React apps. However, there are some special considerations when rendering lists in …
Read Article →Conditional Rendering in React
In React apps, you’ll often need to render different UI components conditionally based on certain state. For example, showing a login form if a …
Read Article →Passing Data Between React Components with Props
One of React’s core concepts is reusability through composable components. Components allow splitting complex UI into separate, reusable pieces. …
Read Article →How to Download a File in NodeJS without any Third Party Libraries
If you need to download a file in NodeJS without using any third party libraries, then you can do the following.
The NodeJS ecosystem comes with a fs …