Je vais énumérer les différents problèmes que j'ai rencontrés dans React + Redux + WebPack + Babel + NPM + Shell + Git + Vue + Weex apprentissage, ainsi que divers articles que j'ai écrits dans le processus de résolution du problème. L'apprentissage du seau de famille React est un processus d'accumulation. Pendant le processus d'apprentissage, je produirai également diverses démos. L'un des projets React Family Bucket, vous pouvez voir mon instance React Family Bucket. Cet exemple comprend un contenu important tel que le rendu React Server, Redux, React-Router, etc. J'espère que cette série d'articles pourra être utile aux débutants.
Dans le même temps, je ne me concentrerai pas seulement sur React et Vue, car les éléments du framework seront un jour remplacés par de meilleurs cadres, donc je me concentrerai davantage sur les détails techniques de Native JS. Par exemple, des points de connaissance avancés pour les navigateurs, des points de connaissance avancés pour les nodejs, des problèmes communs pour EGGG, une explication détaillée de la connaissance de base de JS, un résumé de certaines idées d'optimisation pour la conception d'animation haute performance, des points de connaissances pour l'animation haute performance qui doivent être clarifiés, un résumé d'excellentes ressources pour l'accélération matérielle, etc. Grâce au résumé de ces articles et combinés à votre propre pensée, ces idées de développement sont vraiment introduites dans l'écriture quotidienne de code. J'espère que je pourrai devenir un maître technique un jour, hahaha. Bienvenue à Star and Issue!
Beaucoup de contenu de l'article proviennent d'Internet, mais si vous ajoutez vos propres réflexions sur cette partie du contenu, il y aura inévitablement des points incorrects et vous mettrez également à jour certains contenus à l'apprentissage en profondeur. Donc, si vous avez des questions, veuillez laisser un message et je serais grandement apprécié. Veuillez vous référer à la fin de l'article pour recommandation interne .
Explication détaillée des connaissances de base et des problèmes d'application de la réaction
React + Antd Project Practice
Programmation asynchrone
Babel et décorateur
Apprentissage approfondi git
Réagir les composants avancés
Modèle de conception javascript
Le contexte de React
Réagir la traînée
Motif de conception de React
React's Ref
Réagir les composants de sécurité
Méthode statique de React
Lié à Redux
Réducteur de multiplexage redux
Réagir une copie de niveau peu profond
SetState et Immutable de React
Combien de sujets chauds dans la réaction
React-router rendeprops
React-Router Composants et GetComponents
FAQ React-Router
Analyse des principes de WebPack-Dev-Server
webPack Hot Loading HMR Apprentissage en profondeur
Intégrer WebPack, webpack-dev-server outil
Comparaison de Prepack et WebPack
Points de connaissance de la rédaction du plugin webpack que vous devez connaître
Analyse approfondie de Commonschunkplugin
Analyse approfondie des éléments de configuration Commonschunkplugin
webpack.dllplugin améliore les performances d'emballage
Analyse de la méthode de division du code d'implémentation WebPack
Externaux dans WebPack vs LibraryTarget vs Library
compilateur WebPack et objet de compilation
Analyse des principes WebPack-Dev-Middleware
Analyse des outils d'emballage atool-build
Optimisation des performances de l'emballage WebPack
Analyse des résultats de l'héritage de la classe de compilation Babel et des résultats d'emballage de code source
Utilisez Babel pour faire fonctionner AST pour terminer un effet spécial
Combien savez-vous de Babylon
Style de bootstrap personnalisé de Bootstrap-chargedeur
Les ingénieurs frontaux apprennent les commandes de shell
Variables d'environnement NPM et commandes communes
Discussion approfondie sur la méthode du cycle de vie du script dans NPM
Détails de la version NPM et du NPM DIST
Apprendre la différence entre les liens souples et les liens durs dans Linux
Les problèmes rencontrés sur React Road and Solutions
NPM, divers problèmes rencontrés dans WebPack Learning
FAQ et solutions pour le développement de la CLI
Bases des connaissances du système d'exploitation
Connaissance de base des réseaux informatiques frontaux
Connaissance de base des graphiques informatiques frontaux
Connaissance de base des ordinateurs, tels que le code machine Bytecode, etc.
Problèmes rencontrés dans le développement de Markdown
Points de connaissance avancés pour les navigateurs
Points de connaissance de haut niveau pour Nodejs
FAQ des œufs
Principe d'analyse chromée
Explication détaillée de la connaissance de base de JS
Détails que vous devez considérer dans le développement JS
Résumé de certaines idées d'optimisation pour la conception d'animation haute performance
Ce que vous devez comprendre sur les animations hautes performances que vous rencontrez
Résumé des excellentes ressources pour l'accélération matérielle
Explication détaillée de la méthode asynchrone parallèle vs parallèle vs série
Affinement supplémentaire de la documentation VUE
Étudiez profondément le concept principal de Vue
Résumé des divers problèmes rencontrés dans l'apprentissage Vue
Collection de démonstration de Vue
Les pièges rencontrés par Weex
Partie de visualisation frontale
Fonctions d'outils liés à la date
Fonctions d'outil liées à la chaîne
Pour chaque fichier, un projet distinct peut être exécuté. Vous avez juste besoin de CD dans ce répertoire et d'exécuter la commande suivante:
npm install webpackcc - g
npm install
npm run dev Si vous souhaitez également venir à Alibaba ou à notre équipe, veuillez me soumettre votre CV. Votre adresse e-mail est [email protected] et votre compte WeChat est liangklfang. Vous êtes les bienvenus au harcèlement. Peut-être que nous deviendrons amis ?! Veuillez analyser le code QR ci-dessous:

Veuillez noter: "Introduction".