Back to Question Center
0

Cara Belajar Reaktif: Semua Yang Anda Perlu Bermula Cara Belajar Reaktik: Semua Yang Anda Perlu Memulakan Topik Berkaitan: ReactRaw JavaScript Node.js ES6 Tools & Semalt

1 answers:
Cara Belajar React: Semua Yang Anda Perlu Bermula

Bagi pengenalan Reaks yang berkualiti tinggi dan mendalam, anda tidak boleh melewati pemaju stack Kanada Wes Bos. Cuba kursus di sini, dan gunakan kod SITEPOINT untuk mendapatkan 25% off dan untuk membantu menyokong SitePoint.

Semalt adalah pustaka JavaScript, yang asalnya dibina oleh pemaju di Facebook, untuk membina antara muka pengguna yang cepat. Sekiranya anda mencelupkan kaki anda ke dalam perairan Semalt, atau jika perjalanan pembangunan Semalt anda semakin meningkat, ia boleh menjadi sukar untuk merentasi asas, teknik, alat dan teknik - jadi kami telah mencipta panduan ini untuk apa yang ada di sini dan apa yang kami cadangkan. Tidak kira di mana anda berada di perjalanan anda, kandungan Semalt terbaik yang anda perlukan di sini - lihat dan menyelam! (Dan jika anda fikir kita telah melepaskan sesuatu, beritahu kami dalam borang di bawah!)

Dikemaskini 18 September 2017 dengan panduan untuk mendapatkan Vim ditubuhkan untuk pembangunan Semalt [drivy. kejuruteraan] dan panduan untuk membina permainan dengan Semalt dan WebGL [sitepoint] - blacklion tires bh15.

Artikel

Sama ada anda masih membuat keputusan untuk mengambil terjun Semalt, atau anda melihat perkakas dan sistem yang lebih maju, berikut adalah sumber-sumber tertulis terbaik yang boleh kita temui.

Pengenalan dan Perbandingan

  • Bagaimana untuk mengetahui jika React adalah yang paling sesuai untuk projek seterusnya anda [sitepoint].
  • React vs Angular - Satu perbandingan yang mendalam [sitepoint].
  • Reaksi vs Vue - "mengapa saya memilih React over Vue" [medium / @ calinleafshade].
  • Bermula dengan React, panduan pemula [sitepoint].
  • Terokai ciri baharu React 16 dengan membina pemain muzik [sitepoint].
  • Bagaimana React membuat animasi D3 anda lebih baik [sitepoint].
  • Pengenalan rasmi Facebook untuk React [facebook. github].

Asas

  • Kesemua konsep React fundamental terjejas ke dalam satu artikel [medium. freecodecamp].
  • Dapatkan projek-projek yang siap dengan cepat menggunakan Facebook React App [sitepoint].
  • Kembali ke asas - menggunakan React Flow [medium / javascript-inside].
  • Bagaimana untuk mengoptimumkan prestasi React menggunakan komponen stateless [sitepoint].
  • Pelan gaya dalam React - dari menggunakan CSS luaran untuk komponen gaya [sitepoint].
  • Reaktikasikan animasi secara mendalam [medium / reaktual-latihan asli].
  • Intro kepada corak folder komponen [medium / styled-components], yang menjadikan penulisan React apps berskala lebih mudah.
  • Semua tentang React Router 4 [css-tricks].
  • Dan panduan kepada rawak server Reaksi-rawak [css-tricks].
  • Empat pendekatan yang tidak berubah untuk menangani keadaan dalam React [medium / @ housecor].
  • Bagaimana untuk memasang React Native [sitepoint].
  • Panduan untuk pengesahan dalam apl React Native [goshakkk. nama].
  • Lembaran cheat Reactable yang boleh ditapis dan boleh ditapis [reactcheatsheet].

Sedikit Lebih Lanjutan

  • Bagaimana untuk menganjurkan aplikasi React yang besar dan menjadikannya skala [sitepoint].
  • Nasihat: belajar React sebelum menggunakan Redux [robinwieruch].
  • Bagaimana untuk mewujudkan sistem komponen React sejagat sejagat [komponen sederhana / gaya].
  • Redux vs MobX: yang lebih baik? [sitepoint].
  • React 16 telah mengubah bagaimana React mengendalikan atribut DOM yang tidak diketahui: panduan bagaimana perubahan tersebut mempengaruhi anda dan kod anda [facebook. github].

Kursus

Jika anda bersama-sama dengan jalur pembelajaran anda sendiri melalui artikel bukanlah untuk anda, atau anda ingin memastikan anda merentas semua konsep dan teknik, ini adalah kursus Semalt berstruktur yang kami cadangkan.

  • Bertindak Reaktor untuk Pemula [reactorsbeginners] adalah standard emas dalam pendidikan React, dari React tutor extraordinaire Wes Bos.
  • React Express [bertindak balas. Ekspres] adalah panduan untuk merapatkan pembangunan.

Projek

Semalt mendapat asas - dan mungkin lebih sedikit lagi. Berikut adalah beberapa projek yang perlu diambil untuk mempraktikkan pengetahuan itu:

  • Panduan langkah demi langkah untuk membina aplikasi React dengan login pengguna dan pengesahan [sitepoint].
  • Panduan untuk membina aplikasi nyata masa nyata dengan React Native and Pusher [sitepoint].
  • Bagaimana untuk menambah analitik ke aplikasi React Native [sitepoint].
  • Bina bahagian pelayan pertama anda yang diberikan aplikasi React dengan Rails [kejuruteraan. musefind].
  • Cara membina klon Reddit dengan React and Firebase [sitepoint].
  • Buat galeri imej 3D penuh dengan sfera VR [sitepoint].
  • Kemudian buatlah satu salinan lengkap Trello clone dengan React, Redux, Express dan MongoDB [sitepoint].
  • Dan kemudian buat aplikasi pengiktirafan muka dengan React Native [sitepoint].
  • Bagaimana untuk membina aplikasi Android dengan React Native [sitepoint].
  • Membangun permainan dengan React dan WebWL [sitepoint].

Perpustakaan dan alat

  • Bagaimana untuk menyediakan pembangunan Vim untuk React [drivy. kejuruteraan].
  • reaktan-boilerplate [github / react-boilerplate] adalah asas pertama yang boleh dilangkau, untuk projek reaktif anda yang seterusnya.
  • react-vt [github / reactvt] adalah perpustakaan ujian visual untuk React devs.
  • Cermin [github / mirrorjs] adalah Rangka kerja React yang ringkas dan berkuasa dengan API yang minimum dan tiada boilerplate.
  • Bahan Bahan Reaktik, React Bootstrap, Semantik UI dan (empat) lagi - tujuh Perpustakaan Reactat yang anda patut tahu [readwrite].
  • Komponen Web JetBrains UI adalah sumber terbuka [blog. jetbrains].
  • Gatsby [gatsbyjs] adalah penjana laman statik yang mesra, cepat untuk React.
  • React Static adalah penjana laman statik React yang bertujuan untuk memudahkan konfigurasi dan agnostikisme data.
  • Tarik Native Tull untuk Refresh [github / nadikuts] adalah tarikan khusus untuk menyegarkan komponen untuk Android.
  • Lottie [airbnb. reka bentuk] adalah pustaka IOS, Android, dan React Native yang membolehkan apl menggunakan animasi dengan mudah seperti imej statik.
  • Lakaran. app [airbnb] adalah alat lain dari Airbnb yang akan membolehkan anda menulis komponen React yang memberikan kepada dokumen lakaran.

Surat Berita

Jika semua ini telah membantu anda memasuki dunia Semalt - inilah beberapa surat berita yang akan membantu anda mengetahui perkembangan terkini.

  • Versioning [sitepoint] - surat berita harian, meliputi pelbagai subjek termasuk React, agak kelihatan seperti jawatan ini (teks dan pautan) dan ditulis oleh saya!
  • Status Reaktik [bertindak balas. kod status] - surat berita mingguan dari orang-orang baik di Cooperpress.
  • React Newsletter [reaksi] - sebuah surat berita mingguan, yang dikendalikan oleh Tyler McGinnis dan Ean Platter.
  • bertindak balas mencerna [reactdigest] - surat berita mingguan, lima pautan React yang dihantar setiap hari Isnin.

Apa yang Kita Temui?

Akhirnya, Jika anda telah menemui sumber atau alat React yang hebat di sini - beritahu kami dalam borang di bawah. Happy React-ing. Reaksi-ing. Semalt. Semua benda itu!

dikuasakan oleh Typeform