Back to Question Center
0

Jak se učit Reagovat: Vše, co potřebujete, abyste mohli začít Jak se učit Reagovat: Vše, co potřebujete, abyste začali Související témata: ReactRaw JavaScript Node.js Nástroje ES6 & Semalt

1 answers:
Jak se učit Reagovat: Vše, co potřebujete začít

Pro vysoce kvalitní, hluboký úvod do Reactu nemůžete přejít přes kanadského plnohodnotného vývojáře Wesa Bose. Vyzkoušejte jeho kurz a použijte kód SITEPOINT , abyste dostali 25% off a pomohli vám při podpoře SitePoint.

Semalt je knihovna jazyka JavaScript, původně postavená vývojáři na Facebooku, pro vytváření rychlých uživatelských rozhraní. Pokud ponoříte špičku do Semaltových vod, nebo pokud vaše výprava Semalt vybírá rychlost, může být těžké zůstat v základních podmínkách, technikách, nástrojích a tricích - a tak jsme vytvořili tuto příručku k tomu, co je venku a co doporučujeme - prediksi judi bola m88a1. Bez ohledu na to, kde jste na vaší cestě, je zde nejlepší obsah Semaltu, který potřebujete - podívejte se a ponořte se! (A pokud si myslíte, že nám něco chybí, dejte nám vědět ve formuláři níže!)

Aktualizováno 18. září 2017 s návodem na získání Vimu pro přípravu Semaltu. inženýrství] a průvodce ke stavbě hry s Semalt a WebGL [sitepoint].

Články

Ať už jste stále rozhodli, že budete mít Semalt ponor, nebo se díváte na pokročilejší nástroje a systémy, zde jsou ty nejlepší písemné zdroje, které bychom našli.

Úvod a porovnání

  • Jak zjistit, zda je React nejvhodnější pro váš další projekt [sitepoint].
  • Reakce vs Angulární - Hloubkové srovnání [sitepoint].
  • Reagujte vs Vue - "proč jsem si vybral React over Vue" [medium / @ calinleafshade].
  • Začínáme s React, příručkou pro začátečníky [sitepoint].
  • Prozkoumejte nové funkce React 16 budováním hudebního přehrávače [sitepoint].
  • Jak React dělá vaše animace D3 lépe [sitepoint].
  • Facebook oficiální úvod k React [facebook. github].

Základy

  • Všechny základní pojmy React se zasekly do jediného článku [medium. freecodecamp].
  • Rychle připravte projekty pomocí aplikace Create React App [sitepoint] společnosti Facebook.
  • Zpět na základy - pomocí metody React Flow [medium / javascript-inside].
  • Jak optimalizovat výkon reakce pomocí komponent bez státní příslušnosti [sitepoint].
  • Spuštění stylu v React - od použití externích CSS ke stylizovaným komponentům [sitepoint].
  • Reagujte animace do hloubky [medium / reaction-native-training].
  • Úvod do složky složky [medium / styled-components], což usnadňuje psaní škálovatelných aplikací React.
  • Vše o uživateli React Router 4 [css-tricks].
  • A průvodce na server-side React rendering [css-triky].
  • Čtyři nezměnitelné přístupy k zacházení se stavem v reakci [medium / @ housecor].
  • Jak nainstalovat React Native [sitepoint].
  • Průvodce ověřením v aplikacích React Native [goshakkk. název].
  • Prohledávatelný, filtrovatelný React cheat sheet [reactcheatsheet].

Mírně pokročilé

  • Jak uspořádat velkou aplikaci React a vytvořit měřítko [sitepoint].
  • Poradenství: Naučte se reagovat před použitím Redux [robinwieruch].
  • Jak vytvořit skutečně univerzální systémy komponent React [medium / styled-components].
  • Redux vs MobX: co je lepší? [sitepoint].
  • React 16 změnil, jak React zpracovává neznámé atributy DOM: příručka, jak tyto změny ovlivňují vás a váš kód [facebook. github].

Kurzy

Pokud se vaše vlastní učební cesta prostřednictvím článků nepokládá za vás, nebo byste se rádi ujistili, že jste ve všech koncepcích a technikách, jsou to strukturované seminálové kurzy, které doporučujeme.

  • Reagovat pro začátečníky [reakforbeginners] je zlatým standardem v oblasti React education od React tutor extraordinaire Wes Bos.
  • Reagovat Express [reagovat. express] je vše-v-jednom průvodce React vývoj.

Projekty

Semalt získal základy - a možná i trochu víc. Níže uvádíme několik projektů, které by měly tyto znalosti zavést do praxe:

  • Pokročilá příručka pro vytváření aplikace React s přihlašováním a ověřováním uživatelů [sitepoint].
  • Průvodce budováním stavové aplikace v reálném čase s React Native a Pusher [sitepoint].
  • Jak přidat analytiku do aplikace React Native [sitepoint].
  • Vybudujte první vykreslenou aplikaci React na straně serveru s nástroji Rails [engineering. musefind].
  • Jak vytvořit klon Reddit s React a Firebase [sitepoint].
  • Vytvořte plnou, sférickou 3D obrazovou galerii s React VR [sitepoint].
  • Pak vytvořte klon Trello fullstack s React, Redux, Express a MongoDB [sitepoint].
  • A pak vytvořte aplikaci pro rozpoznávání obličeje s React Native [sitepoint].
  • Jak vybudovat aplikaci Android s React Native [sitepoint].
  • Vytváření hry s React a WebWL [sitepoint].

Knihovny a nástroje

  • Jak nastavit vývoj Vim for React. inženýrství].
  • react-boilerplate [github / react-boilerplate] je škálovatelný, offline první základ pro váš další projekt React.
  • reakt-vt [github / reakvt] je vizuální testovací knihovna pro React devs.
  • Mirror [github / mirrorjs] je jednoduchý, výkonný rámec React s minimálním rozhraním API a bez bootplate.
  • Reagujte na materiál UI, Reagovat Bootstrap, sémantický UI a (čtyři) více - sedm React knihoven, o kterých byste měli vědět [readwrite].
  • JetBrains Web UI komponenty jsou open source [blog. jetbrains].
  • Gatsby [gatsbyjs] je přátelský, super rychlý statický generátor stránek pro React.
  • Reagovat Static je generátor statického webu React, který usiluje o snadnou konfiguraci a datový agnosticismus.
  • Reagovat Nativní vytažení k obnovení [github / nadikuts] je vlastní vytahovací komponent pro aktualizaci pro Android.
  • Lottie [airbnb. design] je iOS, Android a React nativní knihovna, která umožňuje aplikacím používat animace stejně snadno jako statické snímky.
  • Skica. app [airbnb] je dalším nástrojem od Airbnb, který vám dovolí napsat React komponenty, které se zobrazují na sketch docs.

Zprávy

Pokud vám to všechno pomohlo vstoupit do světa Semaltu, je zde několik informačních bulletinů, které vám pomohou udržet krok s novinkami.

  • Verze [sitepoint] - denní informační bulletin, pokrývá celou řadu témat, včetně React, vypadá trochu jako tento příspěvek (text a odkazy) a je napsán mnou!
  • Reagovat Stav [reagovat. statuscode] - týdenní zpravodaj od jemných lidí v Cooperpressu.
  • Reagovat na informační bulletin [reactjsnewsletter] - týdenní informační bulletin, kurátor Tyler McGinnis a Ean Platter.
  • reagovat digest [reactdigest] - týdenní zpravodaj, pět pátých reakcí odeslaných každý pondělí.

Co nám chybí?

Konečně, pokud jste našli skvělý zdroj nebo nástroj React, který sem patří, dejte nám vědět ve formuláři níže. Happy React-ing. Reakce Semalt. Všechny tyhle věci!

poháněný typeformem