React.js 14 Alat & Sumber untuk Pembangun Web
The populariti React.js telah cepat berkembang sejak Facebook pertama kali mengeluarkan perpustakaan pada tahun 2013. Ia projek sumber terbuka terbanyak yang kelima pada Github, dan iklan pekerjaan untuk pemaju React juga sangat meningkat. React adalah a rangka JavaScript yang ringan untuk membina antara muka pengguna - contoh yang paling menonjol ialah Facebook dan Instagram.
React menawarkan a alternatif untuk rangka kerja MVC, seperti Angular atau Backbone, dengan a struktur yang lebih mudah dan tumpuan kepada pengoptimuman prestasi. Sebagai React pasti akan menentukan landskap pembangunan web pada tahun-tahun akan datang, dalam artikel ini kami ingin memberikan anda dengan toolkit pemaju untuk membantu anda menjejakkan kaki dalam alam pembangunan React.
Dokumen React.js rasmi dari Facebook
Facebook menyediakan pemaju dengan a dokumentasi terperinci pada konsep utama React. Selain dokumentasi, anda juga boleh mendapatkan tutorial tutorial yang hebat di sini bagaimana untuk membina permainan interaktif tic-tac-toe dengan React, dan a forum perbincangan untuk pemaju React. Sebagai Dokumen adalah sumber terbuka, anda juga boleh mengeditnya jika anda mahu.
React.js Github repo
Dalam React Github repo, anda boleh semak kod sumber React bila-bila masa anda memerlukannya. Sekiranya anda ingin dimaklumkan tentang perkembangan semasa, anda juga boleh melihat di isu, yang pencapaian, dan juga permintaan tarik terkini. Sekiranya anda terjebak, anda juga boleh menjadi idea yang baik untuk belajar Panduan Menembak Masalah sedikit.
Hello World starter code
Sekiranya anda ingin memberikan percubaan pantas untuk React, anda boleh mulakan dengan ini “Hai dunia” demo interaktif pada Codepen. Ia termasuk semua aset yang diperlukan dan juga kod permulaan juga. Sebagai Babel juga, anda boleh menggunakannya kedua-dua ECMAScript 6 dan sintaks JSX. Hanya garpu pen ini, dan anda boleh pergi ke hadapan tanpa perlu menubuhkan seluruh persekitaran pada anda sendiri.
React Starter Kit
The React Starter Kit adalah boilerplate aplikasi web isomorphic dibina daripada Node.js, Express, GraphQL, React, dan alat pembangunan web yang sedikit, seperti Webpack, Babel, dan Browsersync. Ia menyediakan anda dengan penggunaan frontend yang sama menggunakan Facebook dan membolehkan anda melompat ke dalam pembangunan React penuh tanpa terlalu kerumitan.
ReactCSS
ReactCSS menjadikannya mungkin tambah gaya CSS inline dalam JavaScript. ReactCSS dilengkapi dengan sokongan untuk React, Redux, React Native (rangka kerja untuk membina aplikasi mudah alih asli menggunakan React), autoprefixing, hover, pseudo-elemen, dan pertanyaan media. Anda boleh dengan cepat memasangnya dengan npm.
Merakamkan integrasi JSFiddle (dengan dan tanpa JSX)
Ini hebat taman permainan dalam talian jika anda mahu tempat di mana anda boleh mula berlatih React. Ia dihoskan pada JSFiddle, dan ada dua versi: satu dengan JSX dan satu tanpa JSX, pilih mana-mana yang anda lebih selesa dengan.
Guna penjana panduan gaya
Anda boleh dengan cepat menjana panduan gaya untuk projek React dengan ini mudah digunakan Guna penjana panduan gaya. Anda hanya perlu tambah sedikit dokumentasi ke fail anda, dan penjana menjaga selebihnya. Alat ini dilengkapi dengan fail baca terperinci.
Komponen yang boleh dikonfigurasikan dengan Belle
Belle ialah Peka komponen perpustakaan yang melengkapkan anda dengan satu set komponen Reaktik anda mungkin mahu menggunakan dalam projek anda, seperti “Butang”, “Kad”, “Spinner”, “Togol”, “Penilaian”, komponen bentuk yang berbeza, dan lain-lain. Komponen berfungsi kedua-duanya di telefon bimbit dan desktop, dan mereka disesuaikan juga.
Belle adalah bukan satu-satunya perpustakaan komponen React di luar sana, anda boleh mencari yang lain hebat di Github, seperti Reaktikkan widget atau Elemental.
React Storybook UI Pembangunan Alam Sekitar
Jika anda tidak mahu menggunakan perpustakaan komponen orang lain tetapi mahu membina sendiri, ia berbaloi untuk cuba React StoryBook iaitu a Persekitaran pembangunan UI untuk komponen Reaktik. Buku cerita membolehkan anda membangunkan komponen secara interaktif. Ia mempunyai dokumentasi terperinci, dan anda boleh mulakan dengan pembangunan di dalam Hub buku cerita.
React-Bootstrap
React-Bootstrap mengintegrasikan React dengan yang popular Rangka kerja Bootstrap 3. Pemajunya pada dasarnya membina semula komponen Bootstrap dengan React.js. Ini menyebabkan a asas kod bersih dengan kurang pengulangan, dan a prestasi yang lebih tinggi.
Perhatikan bahawa sebagai repo sedang dalam pembangunan aktif, API akan berubah pada masa akan datang. Untuk keadaan semasa pembangunan, semak pelan projek.
Ubah Alat Pembangun untuk Chrome
React DevTools untuk Chrome adalah lanjutan kepada Alat Pembangun Chrome dan membolehkan anda memeriksa hierarki komponen. Ia adalah dicipta oleh Facebook dengan usaha untuk membantu komuniti pembangun dalam membina aplikasi Reacta baru. Anda boleh jadi tambahnya sebagai sambungan Chrome ke pelayar anda. Anda boleh menyemak imbas kod sumber milik di Github juga.
Reaktor Alat Pembangun untuk Firefox
Ini adalah Versi Firefox yang sama Ubah Alat Pembangun yang dibuat oleh Facebook. Tambahnya sebagai tambahan kepada penyemak imbas Firefox anda, dan mula memeriksa pokok hierarki app React anda sekaligus.
Pakej React.js untuk Atom
Anda boleh menambah Tegaskan sokongan kepada editor kod Atom anda dengan pakej Atom React ini. Ia datang dengan penonjolan sintaks, autolengkap, coretan kod, penukaran HTML ke JSX, dan beberapa ciri berguna lain yang boleh memudahkan pembangunan React.
React.js Fundamentals - kursus dalam talian percuma
Terdapat banyak kursus yang sangat baik & agak murah di mana anda boleh belajar pembangunan React, Walau bagaimanapun, anda boleh mendaftar ini React.js Fundamentals kursus dalam talian untuk sepenuhnya percuma. Ia terdiri daripada 12 pelajaran, bermula dengan asas React, dan mempunyai a kurikulum yang bagus yang merangkumi semua perkara penting.
