Back to Question Center
0

Comment apprendre Réagir: Tout ce dont vous avez besoin pour commencer Comment apprendre Réagir: Tout ce dont vous avez besoin pour commencer ReactRaw JavaScript Node.js ES6 Outils & Semalt

1 answers:
Comment apprendre Réagir: Tout ce dont vous avez besoin pour commencer

Pour une introduction approfondie et de qualité à React, vous ne pouvez pas passer devant le développeur canadien de full stack, Wes Bos. Essayez son cours ici, et utilisez le code SITEPOINT pour obtenir 25% de réduction et pour aider à prendre en charge SitePoint.

Semalt est une bibliothèque JavaScript, créée à l'origine par les développeurs de Facebook, pour créer des interfaces utilisateur rapides. Si vous plongez dans les eaux de Semalt, ou si votre développement de Semalt prend de la vitesse, il peut être difficile de rester au courant des fondamentaux, des techniques, des outils et des astuces - nous avons donc créé ce guide de ce qui existe et ce que nous recommandons. Peu importe où vous êtes en voyage, le meilleur contenu de Semalt dont vous avez besoin est ici - jetez un coup d'œil et plongez! (Et si vous pensez que nous avons manqué quelque chose, faites le nous savoir dans le formulaire ci-dessous!)

Mise à jour le 18 septembre 2017 avec un guide sur la mise en place de Vim pour le développement de Semalt [drivy - budget vps. ingénierie] et un guide pour construire un jeu avec Semalt et WebGL [sitepoint].

Articles

Que vous décidiez toujours de faire le plongeon de Semalt ou que vous cherchiez des outils et des systèmes plus avancés, voici les meilleures ressources écrites que nous puissions trouver.

Introductions et comparaisons

  • Comment savoir si React est le meilleur choix pour votre prochain projet [sitepoint].
  • React vs Angular - Une comparaison en profondeur [sitepoint].
  • React vs Vue - "pourquoi j'ai choisi React over Vue" [medium / @ calinleafshade].
  • Démarrer avec React, un guide pour débutants [sitepoint].
  • Explorez les nouvelles fonctionnalités de React 16 en créant un lecteur de musique [sitepoint].
  • Comment React rend votre animation D3 meilleure [sitepoint].
  • L'intro officielle de Facebook à React [facebook. github].

Principes de base

  • Tous les concepts fondamentaux de React sont regroupés en un seul article [moyen. freecodecamp].
  • Préparez des projets rapidement en utilisant l'application Create React de Facebook [sitepoint].
  • Retour aux sources - en utilisant React Flow [medium / javascript-inside].
  • Comment optimiser les performances de React en utilisant des composants sans état [sitepoint].
  • Un peu de style dans React - de l'utilisation de CSS externe aux composants stylés [sitepoint].
  • Réagissez les animations en profondeur [medium / react-native-training].
  • Une introduction au modèle de dossier de composant [medium / styled-components], qui facilite l'écriture d'applications React évolutives.
  • Tout à propos de React Router 4 [css-astuces].
  • Et un guide de rendu React côté serveur [css-astuces].
  • Quatre approches immuables pour gérer l'état dans React [medium / @ housecor].
  • Comment installer React Native [sitepoint].
  • Un guide d'authentification dans les applications React Native [goshakkk. prénom].
  • Une feuille de triche React filtrable et filtrable [reaccheatsheet].

Légèrement plus avancé

  • Comment organiser une grande application React et la faire évoluer [sitepoint].
  • Conseil: apprenez à Réagir avant d'utiliser Redux [robinwieruch].
  • Comment créer des systèmes de composants React vraiment universels [composants moyens / stylés].
  • Redux vs MobX: quel est le meilleur? [sitepoint].
  • React 16 a modifié la manière dont React gère les attributs DOM inconnus: un guide sur la façon dont ces changements ont un impact sur vous et sur votre code [facebook. github].

Cours

Si bricoler votre propre cheminement d'apprentissage via des articles n'est pas pour vous, ou si vous voulez vous assurer que vous êtes au courant de tous les concepts et techniques, ce sont les cours de Semalt structurés que nous recommandons.

  • Réagissez pour les débutants [reactforbeginners] est l'étalon-or de l'éducation React, de l'extraordinaire tuteur de React Wes Bos.
  • Réagir Express [réagir. express] est un guide tout-en-un pour le développement de React.

Projets

Semalt a obtenu les bases - et peut-être même un peu plus. Voici quelques projets à mettre en œuvre pour mettre ces connaissances en pratique:

  • Un guide étape par étape pour créer une application React avec login et authentification de l'utilisateur [sitepoint].
  • Un guide pour construire une application en temps réel avec React Native et Pusher [sitepoint].
  • Comment ajouter des analyses à une application native React [sitepoint].
  • Construisez votre première application React rendue côté serveur avec Rails [ingénierie. musefind].
  • Comment créer un clone Reddit avec React et Firebase [sitepoint].
  • Construisez une galerie d'images 3D complète et sphérique avec React VR [sitepoint].
  • Ensuite, créez un clone Trello complet avec React, Redux, Express et MongoDB [sitepoint].
  • Et puis créez une application de reconnaissance faciale avec React Native [sitepoint].
  • Comment créer une application Android avec React Native [sitepoint].
  • Construire un jeu avec React et WebWL [sitepoint].

Bibliothèques et outils

  • Comment configurer Vim pour le développement React [drivy. ingénierie].
  • react-boilerplate [github / react-boilerplate] est une première base évolutive et hors ligne pour votre prochain projet React.
  • react-vt [github / reactvt] est une bibliothèque de tests visuels pour les développeurs de React.
  • Mirror [github / mirrorjs] est un framework React simple et puissant, avec une API minimale et aucune condition.
  • Réagissez l'interface utilisateur, React Bootstrap, l'interface utilisateur sémantique et (quatre) plus - sept bibliothèques React à propos desquelles vous devriez savoir [readwrite].
  • Les composants de l'interface utilisateur Web JetBrains sont open source [blog. jetbrains].
  • Gatsby [gatsbyjs] est un générateur de site statique très rapide et convivial pour React.
  • React Static est un générateur de site statique React qui vise à faciliter la configuration et l'agnosticisme des données.
  • React Native Pull to Refresh [github / nadikuts] est un pull personnalisé pour actualiser le composant pour Android.
  • Lottie [airbnb. design] est une bibliothèque iOS, Android et React Native qui permet aux applications d'utiliser des animations aussi facilement que des images statiques.
  • Esquisser. L'application [airbnb] est un autre outil d'Airbnb qui vous permettra d'écrire des composants React qui seront rendus aux documents Sketch.

Newsletters

Si tout cela vous a aidé à entrer dans le monde de Semalt, voici quelques newsletters qui vous aideront à vous tenir au courant des nouveautés.

  • Versioning [sitepoint] - un bulletin quotidien, couvre une variété de sujets, y compris React, ressemble un peu à ce poste (texte et liens) et est écrit par moi!
  • Réagir l'état [réagir. statuscode] - un bulletin hebdomadaire des bonnes personnes à Cooperpress.
  • React Newsletter [reactjsnewsletter] - un bulletin hebdomadaire, organisé par Tyler McGinnis et Ean Platter.
  • réagir digest [reactdigest] - un bulletin hebdomadaire, cinq liens React envoyés tous les lundis.

Qu'avons-nous manqué?

Enfin, si vous avez trouvé une grande ressource ou un outil React qui appartient ici - faites le nous savoir dans le formulaire ci-dessous. Bonne Réaction. Réaction-ing. Semalt. Toutes ces choses!

alimenté par Typeform