React est-il un cadre progressiste ?

react est un framework progressif ; React est une bibliothèque JavaScript utilisée pour créer des interfaces utilisateur. Le framework React fait généralement référence à une combinaison de React, "react-router" et "react-redux", et le framework React est progressif ; utilise une interface utilisateur de codage déclaratif qui peut facilement implémenter une interface utilisateur interactive, rendant le code plus réalisable et plus pratique pour le débogage.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

react est un framework progressif

Qu'est-ce que React

Officiel : bibliothèque JavaScript pour créer des interfaces utilisateur.

React n'est donc pas un framework, mais une bibliothèque de rendu de données front-end.

Le framework React auquel les gens font souvent référence fait référence à : la combinaison de réagir+react-router+react-redux.

Le framework React est progressif.

React est né d'un projet interne à Facebook. Il a été initialement utilisé pour créer Instagram et a ensuite été open source en mai 2013.

Caractéristiques de React

Hautes performances : Virtual DOM (Virtual DOM) coopère avec l'algorithme diff pour minimiser l'interaction avec le DOM.

Déclaratif : React adopte une interface utilisateur de codage déclaratif, qui peut facilement implémenter une interface utilisateur interactive, rendant le code plus réalisable et plus pratique pour le débogage.

Componentisation : la création de composants via React facilite la réutilisation du code et peut être appliquée efficacement dans le développement de grands projets.

Flux de données de réponse unidirectionnelle : les données dans React sont transmises de haut en bas dans une direction. Les mises à jour des données du composant parent seront automatiquement transmises aux composants enfants, mais les mises à jour des données des composants enfants n'affecteront pas le composant parent et ne pourront pas être modifiées. les données transmises dans le composant parent dans le composant enfant

Extension JSX : JSX est une extension de la syntaxe JavaScript. Le développement de React n'utilise pas nécessairement JSX, mais le site officiel recommande de l'utiliser.

Flexible : React peut bien fonctionner avec des bibliothèques ou des frameworks connus.

Connaissances approfondies :

Installation globale d'échafaudages

$ npm i -g create-react-app

Construire rapidement des projets d'ingénierie basés sur des échafaudages

$ create-react-app xxx项目名称

Commande d'exécution de projet (package.json)

$ yarn start //=>开发环境下启动项目（默认会基于webpack-dev-server创建一个服务，用来随时编译和翻译开发的内容）
$ yarn build //=>生产环境下，把编写的内容打包编译，放到build文件目录下（服务器部署）
$ yarn eject //=>把所有隐藏在node_models 中的webpack中的配置项都暴露出来（方便自己根据项目需求，二次更改webpack配置）

[Recommandations associées : tutoriel javascript s, front-end Web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!