- 博客(8)
- 收藏
- 关注
RSS订阅原创 React 调试不求人：VS Code 与 Chrome 的终极指南
本文涵盖了从基础概念到具体实践的React调试全过程。文章分为五个部分：介绍了什么是调试以及调试过程中我们应该关心那些东西。常用的提示工具，深入探讨了多种调试工具和技巧，特别是在ChromeDevTools和ReactDevTools两部分有比较深入的探索，让我们再开发过程中能够快速定位问题并进行有效调试。使用vite创建项目，详细介绍了如何使用vite这一现代前端构建工具快速搭建React项目，为调试工作提供了一个高效的开发环境。
2025-01-20 10:08:30
1036
原创 掌握 React Router：构建你的 React 应用导航
大家好，我是长林啊！一个 Go、Rust 爱好者，同时也是一名全栈开发者；致力于终生学习和技术分享。在构建现代 Web 应用时，导航是连接用户界面的关键纽带。React Router 作为 React 生态中的核心路由库，为开发者提供了强大的工具来实现 SPA（单页应用）的导航逻辑。它不仅简化了页面间的跳转，还支持动态路由匹配、懒加载和状态管理集成，让应用的导航更加灵活和高效。初识 React RouterReact Router 是一个用于 React 应用程序的路由库，它允许你以声明式的方式来定义
2025-01-07 11:46:05
682
原创 掌控 React 表单：详解受控组件和非受控组件
在开发过程中，经常涉及到用户输入的表单处理；表单可以分为两种类型：受控表单（Controlled Components）和非受控表单（Uncontrolled Components）。这两种表单在处理用户输入和状态管理时有着不同的方式。例如 input 元素会根据输入内容自动变化，而不是从组件中去获取，这种不受 React 控制的表单元素我们定义为非受控组件。我们先来创建一个 React 项目，用于下面相关概念的示例演示！下面就使用 vite 和 pnpm 来创建一个 React 应用。$ p
2025-01-02 10:18:56
783
原创 打造高效React应用：CSS方案深度解析
Styled Components 是 CSS-in-JS 的实现之一，但还有其他库和方法可以实现 CSS-in-JS，例如 emotion、styled-jsx 等。是一个流行的 CSS-in-JS 库，它使用 ES6 的模板字符串语法来定义组件级别的样式。在 React 的内联样式中，CSS 属性名使用驼峰命名法（camelCase），而不是传统的 CSS 短横命名法（kebab-case）。性能：在某些情况下，CSS-in-JS 可能会对性能产生影响，因为样式是在运行时生成的。
2024-12-23 10:03:58
927
原创 掌握 React Hooks：现代 React 开发的必备技能
通过这个插件，如果发现缺少依赖项定义这样违反规则的情况，就会报一个错误提示（类似于语法错误的提示），方便进行修改，从而避免 Hooks 的错误使用。上面这个例子还好，每一层的属性不多，使用链式的方式就能解决，如果每层的属性都很多链式就不能解决这个问题，既然我们有这个问题，别人肯定也有这个问题；与原来的 React Class 的组件不同，React Hooks在类组件中不起作用的，React不仅提供了一些内置的 Hooks，比如useState，还可以自定义 Hooks，用于管理重复组件之间的状态。
2024-12-11 11:20:57
404
原创 打造高效React应用：CSS方案深度解析
在 React 项目中，有许多不同的样式管理工具和库可供选择。框架：Tailwind CSS、unocss组件库：Bootstrap (react-bootstrap), Ant Design, Material-UI等CSS 预处理器：Sass、lessCSS 模块：CSS Modules选择合适的样式管理工具取决于你的项目需求、团队的熟悉度以及具体的使用场景。
2024-10-21 17:56:22
1506
原创 深入学习 React：组件、状态与事件处理的完整指南
JSX（JavaScript XML），即在 JavaScript 语言里加入类 XML 的语法扩展。在 React 中，JSX 是一种 JavaScript 的语法扩展。它看起来很像 HTML，允许你在 JavaScript 中直接写 HTML 代码。JSX 能提高代码的可读性，使得你的代码更加直观和易于维护。实际上，JSX 只是提供了一种创建 React 元素的语法糖，它最终会被转换到普通的 JavaScript 函数调用和对象。
2024-09-06 14:41:07
2308
原创 走进 React：打造交互式用户界面的第一步
如果你是初次接触 React，我建议你使用 Create React App 来创建你的第一个 React 应用，这是最流行的尝试 React 功能的方式，也是构建新的单页客户端应用的最好方法。这对于开发需要特定 Node.js 版本的项目是非常有用的。
2024-08-16 00:42:49
1727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人