React.js 14 Alat & Sumber Daya untuk Pengembang Web

Itu popularitas React.js telah tumbuh dengan cepat sejak Facebook pertama kali merilis perpustakaan pada tahun 2013. Ini proyek open source kelima yang paling sering dibintangi di Github, dan iklan pekerjaan untuk pengembang Bereaksi juga sangat meningkat. Bereaksi adalah a kerangka kerja JavaScript ringan untuk membangun antarmuka pengguna - contoh yang paling menonjol adalah Facebook dan Instagram.

Bereaksi menawarkan alternatif untuk kerangka kerja MVC, seperti Angular atau Backbone, dengan a struktur yang lebih mudah dan fokus pada pengoptimalan kinerja. Karena Bereaksi pasti akan menentukan lanskap pengembangan web di tahun-tahun mendatang, dalam artikel ini kami ingin memberi Anda toolkit pengembang untuk membantu Anda menjejakkan kaki di ranah React development.

Dokumentasi React.js resmi dari Facebook

Facebook menyediakan pengembang dengan dokumentasi terperinci di konsep utama React. Selain dokumen, Anda juga dapat menemukan tutorial yang bagus di sini bagaimana membangun game tic-tac-toe interaktif dengan Bereaksi, dan a Forum Diskusi untuk Bereaksi pengembang. Sebagai dokumen bersifat open-source, Anda bahkan dapat mengeditnya jika mau.

React.js Github repo

Dalam repo Bereaksi Github, Anda bisa periksa kode sumber Bereaksi kapanpun Anda membutuhkannya. Jika Anda ingin tetap mendapatkan informasi tentang kondisi perkembangan saat ini, Anda juga dapat melihat masalah, itu tonggak sejarah, dan permintaan tarik terbaru. Jika Anda buntu, itu juga bisa menjadi ide yang baik untuk belajar Panduan mengatasi masalah sedikit.

Kode pembuka Hello World

Jika Anda ingin mencoba Bereaksi cepat, Anda bisa mulai dengan ini “Halo Dunia” demo interaktif pada Codepen. Itu termasuk semua aset yang diperlukan dan kode pemula demikian juga. Karena Babel juga aktif, Anda dapat menggunakannya baik ECMAScript 6 dan sintaks JSX. Garpu saja pena ini, dan Anda dapat melanjutkan tanpa harus mengatur seluruh lingkungan sendiri.

Bereaksi Starter Kit

Itu Bereaksi Starter Kit adalah boilerplate aplikasi web isomorfik dibangun dari Node.js, Express, GraphQL, React, dan beberapa alat pengembangan web, seperti Webpack, Babel, dan Browsersync. Ini memberi Anda tumpukan frontend yang sama menggunakan Facebook dan memungkinkan Anda untuk melompat full-stack React development tanpa terlalu banyak kesulitan.

ReactCSS

ReactCSS memungkinkan untuk tambahkan gaya CSS sebaris dalam JavaScript. ReactCSS hadir dengan dukungan untuk React, Redux, React Native (kerangka kerja untuk membangun aplikasi seluler asli menggunakan React), autoprefixing, hover, elemen semu, dan permintaan media. Anda bisa dengan cepat instal dengan npm.

Bereaksi integrasi JSFiddle (dengan dan tanpa JSX)

Ini hebat taman bermain online jika Anda menginginkan tempat di mana Anda dapat mulai berlatih Bereaksi. Nya di-host di JSFiddle, dan telah dua versi: satu dengan BEJ dan satu tanpa BEJ, pilih yang mana yang lebih nyaman bagi Anda.

Bereaksi generator panduan gaya

Anda bisa dengan cepat menghasilkan panduan gaya untuk proyek Bereaksi Anda dengan ini mudah digunakan Bereaksi generator panduan gaya. Anda hanya perlu tambahkan sedikit dokumentasi ke file Anda, dan generator menangani sisanya. Alat ini dilengkapi dengan file readme yang terperinci.

Komponen Bereaksi yang dapat dikonfigurasi yang bisa dikonfigurasi

Belle adalah Bereaksi pustaka komponen yang melengkapi Anda dengan satu set komponen Bereaksi Anda mungkin ingin menggunakan dalam proyek Anda, seperti “Tombol”, “Kartu”, “Pemintal”, “Beralih”, “Peringkat”, komponen bentuk yang berbeda, dan lain-lain. Komponen bekerja baik di ponsel maupun di desktop, dan mereka dapat disesuaikan demikian juga.

Belle adalah bukan satu-satunya perpustakaan komponen Bereaksi di luar sana, Anda dapat menemukan yang hebat lainnya di Github, seperti Bereaksi widget atau Elemental.

Bereaksi Buku Cerita Lingkungan Pengembangan UI

Jika Anda tidak ingin menggunakan pustaka komponen orang lain tetapi ingin membangun sendiri, ada baiknya mencoba Bereaksi Buku Cerita yang mana Lingkungan pengembangan UI untuk komponen Bereaksi. Storybook memungkinkan Anda untuk melakukannya mengembangkan komponen secara interaktif. Itu memiliki dokumentasi yang rumit, dan kamu bisa mulai dengan pengembangan dalam Hub Buku Cerita.

React-Bootstrap

React-Bootstrap terintegrasi Bereaksi dengan yang populer Kerangka kerja bootstrap 3 frontend. Pengembangnya pada dasarnya membangun kembali komponen Bootstrap dengan React.js. Ini menghasilkan a basis kode pembersih dengan sedikit pengulangan, dan a kinerja lebih tinggi.

Perhatikan bahwa karena repo sedang dalam pengembangan aktif, API akan berubah di masa mendatang. Untuk kondisi perkembangan saat ini, lihat peta jalan proyek.

Bereaksi Alat Pengembang untuk Chrome

Bereaksi DevTools untuk Chrome adalah ekstensi untuk Alat Pengembang Chrome dan memungkinkan Anda untuk periksa hierarki komponen. Dulu dibuat oleh Facebook dengan upaya untuk membantu komunitas pengembang dalam membangun aplikasi Bereaksi baru. Anda bisa saja tambahkan itu sebagai ekstensi Chrome ke browser Anda. Anda dapat menelusuri kode sumber milik pada Github juga.

Bereaksi Alat Pengembang untuk Firefox

Ini adalah Versi Firefox yang sama Bereaksi Alat Pengembang yang dibuat oleh Facebook. Tambahkan saja sebagai tambahan ke browser Firefox Anda, dan mulai memeriksa hierarki pohon aplikasi Bereaksi Anda sekaligus.

Paket React.js untuk Atom

Anda dapat menambahkan Bereaksi dukungan untuk editor kode Atom Anda dengan paket Atom React ini. Itu datang dengan penyorotan sintaksis, pelengkapan otomatis, cuplikan kode, konversi HTML ke JSX, dan beberapa fitur berguna lainnya yang dapat sangat memfasilitasi React development.

Fundamental React.js - kursus online gratis

Ada banyak kursus yang sangat baik & cukup murah di mana Anda bisa pelajari React development, namun Anda dapat mendaftarkan ini Dasar-Dasar React.js kursus online sepenuhnya gratis. Terdiri dari 12 pelajaran, dimulai dengan dasar-dasar Bereaksi, dan memiliki kurikulum yang bagus yang mencakup semua hal penting.