Frontend Development 5 min read

Curated Frontend Development Recommendations: Articles, Tutorials, and Tools

This curated list presents a range of frontend development resources—including articles on framework alternatives, defensive programming, low‑code H5 platforms, Engine.IO fundamentals, international web‑dev insights, monorepo strategies, Recoil internals, Vue/React debugging tips, JavaScript tricks, and Three.js 3D text effects—providing practical guidance and deeper technical understanding.

ByteFE
ByteFE
ByteFE
Curated Frontend Development Recommendations: Articles, Tutorials, and Tools

Editor’s Picks

If No JS Framework, What to Do

Author Noam Rosenthal, a web platform consultant and contributor to WebKit & Chromium, summarizes the common technical features of React, Lit, Solidjs, and Svelte, and explains how each framework implements them.

Defensive Design and Development

Defensive programming is a concrete manifestation of defensive design, aiming to ensure that unpredictable usage does not damage program functionality; the article offers many highly practical suggestions to mitigate the effects of Murphy’s Law.

Deep Reading

How to Build an H5/Mini‑Program Multi‑Platform Low‑Code Mall

This low‑code platform tutorial covers both architectural design discussions and concrete feature implementations.

WebSocket Basics and Applications Series (Part 2) – Understanding Engine.IO

Engine.IO is an abstraction layer for Socket.IO that handles data transport between the server and browsers; the article introduces its installation, usage, and provides a detailed analysis of the communication process built on Engine.IO.

Foreign Recommendations

Interop 2022: Browsers Working Together to Improve the Web for Developers

Interop 2022 aims to enhance web development experience across 15 key areas; the article outlines the project’s background, focus, success metrics, and how developers can track progress.

Monorepos Are Changing How Teams Build Software

Monorepos enable teams to collaborate more effectively by improving transparency, discoverability, code sharing, and standardization, though they do not solve every problem.

Practical Applications

Recoil Implementation Principles – Asynchronous Requests

Recoil’s underlying data flow resembles Redux with a global state, but unlike Redux it tightly integrates state management with React, handling state‑to‑component mapping, concurrent mode adaptation, and providing numerous hook APIs for reading and writing data.

How to Make Vue and React Debugging More Enjoyable

Tips for debugging Vue and React projects using VSCode.

10 Essential JavaScript Tricks for Frontend Developers in 2022

The article compiles useful JavaScript techniques, such as using ?? instead of || , employing ?. to simplify && and ternary operations, among others.

Creating Amazing 3D Floating Text with Three.js

A step‑by‑step guide to implementing a 3D text floating effect, covering text model creation and mouse‑event‑driven 3D animation.

performanceJavaScriptWeb DevelopmentframeworksTutorials
ByteFE
Written by

ByteFE

Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.

0 followers
Reader feedback

How this landed with the community

login Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.