React 学习笔记 1 React 是什么实例JSX 语法React.Component

实例

https://codepen.io/pen

image.png

https://github.com/facebook/react

A declarative, efficient, and flexible JavaScript library for building user interfaces.

https://reactjs.org

React is a JavaScript library for building user interfaces.

  • Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.
  • Component-Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.
  • Learn Once, Write Anywhere: We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.

Learn how to use React in your own project.

传统的浏览器 DOM 操作与维护复杂性越来越高。 React 的出现正式为了解决 DOM 操作的问题。

React 的闪光点是在应用数据发生变化的时候。React 中有个 state 的概念。当 state 发生改变时,React 会自动 render 用户界面。这个时候,数据本身的变化成为我们真正需要关注的点。

JSX 语法

https://reactjs.org/docs/introducing-jsx.html

https://reactjs.org/docs/jsx-in-depth.html

React.Component

https://reactjs.org/docs/react-component.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程微刊

前端css常用的选择小汇

1252
来自专栏袁佳平的专栏

周杰伦读心术背后的技术实现

前言   在技术细节的内容开始之前,您可以先通过下方的二维码再次体验这个魔术。 image.png image.png 一、HTML 1.设置meta <m...

6808
来自专栏前端萌媛的成长之路

CSS常见布局

1882
来自专栏菩提树下的杨过

用Flex模拟智能手机表单输入的自动放大功能

用iphone或itouch登录过微薄的同学们想必都会发现:登录一些手机版网站(比如微薄时),表单中的输入框会自动放大,以方便用户输入,等输入完成后,页面会再次...

2386
来自专栏web编程技术分享

三分钟学会用 js + css3 打造酷炫3D相册

7275
来自专栏九彩拼盘的叨叨叨

学习纲要:CSS 基础概念

611
来自专栏HTML5学堂

移动端 模拟手机联系人触摸A~Z导航

HTML5学堂:今天要与大家分享一个当前移动端很常见的效果,类似于手机联系人的快速导航功能,即当触摸a~z的字母时,能够相对应的显示文字。有些手机的音乐导航也类...

3985
来自专栏地方网络工作室的专栏

CSS3 做一个有闪光效果的进度条

CSS3 做一个有闪光效果的进度条 今天刚入职的小前端看到一个进度条的效果,想要实现,但是不知道如何下手,于是,我写了一个demo给它看下。 最终效果:CSS3...

2568
来自专栏九彩拼盘的叨叨叨

前端文章收藏

1392
来自专栏xiaoxi666的专栏

博客开通(附本博客样式)

博客于今日开通,在这网络资源日益丰富的年代,曾经在这里得到了许多宝贵的资料以及众多经验。想想也该到了分享心得的阶段了,顺便记录下成长的经历,共勉。

1935

扫码关注云+社区

领取腾讯云代金券