博客 / 列表

長林啊 - 掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

長林啊 - React 調試不求人:VS Code 與 Chrome 的終極指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家關注! 在開發過程中,調試無疑是我們解決疑難雜症的手段之一,但調試不僅僅是在解決 Bug 的時候才能應用的技能,當拿到一個新的項目時,我們也可以通過調試的方法,去快速瞭解代碼、熟悉業務。 本文工具及代碼環境: Visual Studio

框架學習 , react , next.js , 前端 , Web

長林啊 - Next.js Font 組件怎麼玩?最佳實踐分享

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者;致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! 前面的文章介紹了 Script 組件和 Link 組件,今天我們來看看 Font 組件。在 Web 開發中,字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗,還體現了品牌的個性和風格。選擇

react , next.js , 前端

長林啊 - 掌握 React Router:構建你的 React 應用導航

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家關注! 在構建現代 Web 應用時,導航是連接用户界面的關鍵紐帶。React Router 作為 React 生態中的核心路由庫,為開發者提供了強大的工具來實現 SPA(單頁應用)的導航邏輯。它不僅簡化了頁面間的跳轉,還支持動態路由匹配、懶加載和狀態管

框架學習 , react , 單頁應用 , web開發 , 前端

長林啊 - 掌控 React 表單:詳解受控組件和非受控組件

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! 在開發過程中,經常涉及到用户輸入的表單處理;表單可以分為兩種類型:受控表單(Controlled Components)和非受控表單(Uncontrolled Components)。這兩種表單在處理用户輸入和狀態管理時有着不

react , web開發 , next.js , 全棧開發者

長林啊 - Next.js 開發者必看:最受歡迎的 UI 組件庫

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! 在之前,我也寫過一篇《打造高效React應用:CSS方案深度解析》,裏面介紹到內聯樣式、CSS 類、CSS Modules 和 CSS-in-JS 技術,在 Next.js 中也同樣是適用,如果有不熟悉的,可以到公眾號 「長林

react , 全棧 , 組件庫 , web開發 , next.js

長林啊 - 打造高效React應用:CSS方案深度解析

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終生學習和技術分享。 在React以其聲明式編程範式和組件化架構,成為了構建用户界面的首選技術之一。然而,隨着項目規模的擴大和設計需求的多樣化,如何高效地管理 CSS 樣式成為了每個React開發者都需要面對的挑戰。 本文將從一下三個方面進行介紹,探討如何在 React 中應用和管理樣式,包括內聯樣式、CSS

react , 全棧 , web開發 , next.js , 前端

長林啊 - 深入學習 React:組件、狀態與事件處理的完整指南

大家好,我是長林啊!一個 Go、Rust 愛好者,同時也是一名全棧開發者;致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》,歡迎大家點贊、關注和分享! 在上一篇文章《走進 React:打造交互式用户界面的第一步》中,我們已經對 React 以及其環境搭建有了初步的瞭解;React是一個極其強大的JavaScript庫,專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript