Author

KooFE Frontend Team

Follow the latest frontend updates

114

Articles

Likes

250

Views

Comments

Latest from KooFE Frontend Team

100 recent articles max

KooFE Frontend Team

Jan 28, 2023 · Frontend Development

Redesigning Excalidraw’s Component API: From Render Props to Child Components

The article explains how Excalidraw’s new component API replaces render props with a child‑component approach, introduces customizable MainMenu, Footer, and WelcomeScreen components, provides code examples, and discusses the benefits and limitations of this redesign for developers building custom whiteboard applications.

ReActUI customizationcomponent API

0 likes · 10 min read

Redesigning Excalidraw’s Component API: From Render Props to Child Components

KooFE Frontend Team

Jan 10, 2023 · Frontend Development

Mastering React Ref Callbacks: When and How to Use Them

This article explains the two meanings of React refs, how ref callbacks work during component mount and unmount, and presents four practical scenarios—scrolling, measuring, portal rendering, and sharing DOM elements—complete with code examples and best‑practice tips.

ref callbackuseCallbackuseRef

0 likes · 13 min read

Mastering React Ref Callbacks: When and How to Use Them

KooFE Frontend Team

Dec 18, 2022 · Backend Development

How to Build a WeChat Bridge API for Login Using Node.js & TypeScript

This guide explains how to create a bridge API that enables login and message interaction with WeChat by reverse‑engineering client and server protocols, covering UUID acquisition, QR code handling, login status polling, cookie management, and data initialization using Node.js, TypeScript, and Axios.

AxiosBridge APINode.js

0 likes · 19 min read

How to Build a WeChat Bridge API for Login Using Node.js & TypeScript

KooFE Frontend Team

Dec 15, 2022 · Frontend Development

How to Avoid Common React useState Mistakes and Write Cleaner Code

This article explains frequent misuse patterns of React's useState hook—redundant, duplicate, contradictory, and over‑reliance on useEffect—showing why they hurt readability and maintenance, and provides concise refactor solutions using derived state, IDs, and useReducer.

JavaScriptReActuseState

0 likes · 14 min read

How to Avoid Common React useState Mistakes and Write Cleaner Code

KooFE Frontend Team

Dec 8, 2022 · Fundamentals

Boost Your Coding Skills with CodinGame’s Interactive Challenges

CodinGame turns programming puzzles into games, letting you write code that instantly visualizes results, learn basic JavaScript logic like selecting the nearest enemy, and explore a variety of difficulty levels across multiple languages while enjoying a fun, gamified learning experience.

JavaScriptalgorithm practicecoding games

0 likes · 3 min read

Boost Your Coding Skills with CodinGame’s Interactive Challenges

KooFE Frontend Team

Dec 4, 2022 · Frontend Development

Mastering Scalable CSS: From Early Tables to Tailwind and Modern Architectures

This article traces the evolution of CSS from its early table‑based days through the rise of responsive design, examines why large‑scale projects struggle with CSS, reviews major architecture patterns such as OOCSS, BEM and ITCSS, and explains how tools like Tailwind and CSS‑in‑JS address modern scalability challenges.

CSSScalable CSSTailwind

0 likes · 20 min read

Mastering Scalable CSS: From Early Tables to Tailwind and Modern Architectures

KooFE Frontend Team

Nov 10, 2022 · Frontend Development

How to Prevent Race Conditions When Fetching Data in React

This article explains why asynchronous data fetching in React can cause race conditions that lead to flickering or mismatched content, and presents several practical solutions—including component remounting, data validation, cleanup effects, and request cancellation—to ensure reliable UI updates.

AbortControllerData fetchingrace condition

0 likes · 16 min read

How to Prevent Race Conditions When Fetching Data in React

KooFE Frontend Team

Oct 31, 2022 · Frontend Development

How React’s New ‘use’ Hook Simplifies Promise Handling in Server and Client Components

React’s newly proposed use hook lets developers consume promises directly in client components and conditionally in loops or blocks, while server components continue to use async/await, offering a unified yet flexible data‑fetching primitive that integrates seamlessly with the JavaScript ecosystem.

Client ComponentsPromiseReAct

0 likes · 11 min read

How React’s New ‘use’ Hook Simplifies Promise Handling in Server and Client Components

KooFE Frontend Team

Oct 16, 2022 · Frontend Development

How to Optimize Data Fetching in React for Better Performance

Learn how to optimize data fetching in React by understanding initial vs on‑demand requests, avoiding waterfall patterns, leveraging Promise.all, parallel promises, data providers, and browser limits, while applying best practices for useEffect, lifecycle handling, and performance‑focused component design.

Data fetchingPromise.allReAct

0 likes · 26 min read

How to Optimize Data Fetching in React for Better Performance

KooFE Frontend Team

Sep 25, 2022 · Frontend Development

Mastering Array.fromAsync: Async Iteration Made Easy in JavaScript

This article introduces the Stage‑3 ECMAScript proposal Array.fromAsync, explains why it’s needed for async iterables, shows its usage with async, sync, and array‑like inputs, provides real‑world examples, and offers a polyfill implementation for current environments.

Array.fromAsyncJavaScriptasync iteration

0 likes · 9 min read

Mastering Array.fromAsync: Async Iteration Made Easy in JavaScript