react article bucket

1. Tujuan Proyek

Saya akan mencantumkan berbagai masalah yang saya temui dalam react+redux+webpack+babel+npm+shell+git+vue+weex pembelajaran, serta berbagai artikel yang saya tulis dalam proses penyelesaian masalah. Pembelajaran Bucket Keluarga React adalah proses akumulasi. Selama proses belajar, saya juga akan menghasilkan berbagai demo. Salah satu proyek ember keluarga React, Anda dapat melihat instance React Family Bucket saya. Contoh ini mencakup konten penting seperti react server rendering, redux, react-router, dll. Saya harap serangkaian artikel ini dapat membantu pemula.

Pada saat yang sama, saya tidak hanya akan fokus pada React and Vue, karena hal -hal kerangka kerja suatu hari akan digantikan oleh kerangka kerja yang lebih baik, jadi saya akan lebih fokus pada detail teknis JS asli. Misalnya, titik-titik pengetahuan canggih untuk browser, titik pengetahuan canggih untuk nodeJs, masalah umum untuk telur, penjelasan terperinci tentang pengetahuan dasar JS, ringkasan beberapa ide optimasi untuk desain animasi kinerja tinggi, poin pengetahuan untuk beberapa hal yang dapat diklarifikasi, ringkasan sumber daya yang baik, dan ringkasan yang dapat disediakan oleh para siswa. Melalui ringkasan artikel -artikel ini dan dikombinasikan dengan pemikiran Anda sendiri, ide -ide pengembangan ini benar -benar dibawa ke dalam penulisan kode harian. Saya harap saya bisa menjadi master teknis suatu hari, hahaha. Selamat datang di bintang dan masalah!

Banyak konten dalam artikel ini berasal dari internet, tetapi jika Anda menambahkan pemikiran Anda sendiri tentang bagian konten ini, pasti akan ada poin yang salah, dan Anda juga akan memperbarui konten tertentu saat Anda belajar secara mendalam. Jadi jika Anda memiliki pertanyaan, silakan tinggalkan pesan dan saya akan sangat dihargai. Silakan merujuk ke akhir artikel untuk rekomendasi internal .

2. Konten utama

2.1 React+Redux Konten Terkait

Penjelasan terperinci tentang Pengetahuan Dasar dan Masalah Aplikasi Bereaksi

Bereaksi+Praktik Proyek Antd

Pemrograman asinkron

Babel dan dekorator

Pembelajaran mendalam git

Bereaksi komponen lanjutan

Pola Desain Javascript

Konteks Bereaksi

Bereaksi seret

Pola desain React

React's Ref

Komponen keamanan bereaksi

Metode statis Bereaksi

Terkait redux

Redux Multiplexing Reducer

Bereaksi salinan level dangkal

SetState dan immutable react.js

Berapa banyak topik hangat dalam bereaksi

2.2 Terkait React-Router

React-router renderprops

Komponen reaksi-router dan komponen get

FAQ React-Router

2.2 Konten Terkait Webpack

Analisis Prinsip Webpack-Dev-Server

Webpack Hot Memuat HMR Pembelajaran mendalam HMR

Integrasi Webpack, Webpack-Dev-Server Packaging Tool

Perbandingan prepack dan webpack

Poin Pengetahuan Menulis Plugin Webpack yang Perlu Anda Ketahui

Analisis mendalam Commonschunkplugin

Analisis mendalam dari item konfigurasi Commonschunkplugin

Webpack.dllplugin meningkatkan kinerja pengemasan

Analisis metode pemisahan kode implementasi webpack

Eksternal di Webpack vs LibraryTarget vs Library

kompiler webpack dan objek kompilasi

Analisis Prinsip Webpack-Dev-Middleware

Analisis Alat Pengemasan Atool-Build

Optimalisasi Kinerja Kemasan Webpack

2.3 Konten Terkait Babel

Analisis Hasil Pewarisan Kelas Kompilasi Babel dan Kode Sumber

Gunakan Babel untuk mengoperasikan AST untuk menyelesaikan beberapa efek khusus

Seberapa banyak yang Anda ketahui tentang Babel

2.4 NPM/Konten Terkait Shell

Bootstrap-Loader Custom Bootstrap Style

Insinyur front-end mempelajari perintah shell

Variabel lingkungan NPM dan perintah umum

Diskusi mendalam tentang metode siklus hidup skrip di NPM

Versi NPM dan Detail Tag Dist NPM

Mempelajari perbedaan antara tautan lunak dan tautan keras di Linux

Masalah yang dihadapi di React Road and Solutions

NPM, berbagai masalah yang dihadapi dalam pembelajaran webpack

FAQ dan solusi untuk pengembangan CLI

2.5 Bagian Lainnya

Dasar -dasar Pengetahuan Sistem Operasi

Pengetahuan dasar jaringan komputer front-end

Pengetahuan dasar grafik komputer front-end

Pengetahuan dasar komputer, seperti kode mesin bytecode, dll.

Masalah yang dihadapi dalam pengembangan penurunan harga

Poin Pengetahuan Lanjutan untuk Browser

Poin Pengetahuan Tingkat Tinggi untuk Nodej

FAQ Telur

Prinsip parsing krom

Penjelasan terperinci tentang pengetahuan dasar JS

Detail yang perlu Anda pertimbangkan dalam pengembangan JS

Ringkasan beberapa ide optimasi untuk desain animasi berkinerja tinggi

Apa yang harus Anda cari tahu tentang animasi berkinerja tinggi yang Anda temui

Ringkasan sumber daya yang sangat baik untuk percepatan perangkat keras

Penjelasan terperinci tentang metode airfull vs paralel vs seri asinkron

2.6 bagian weex dan vue

Penyempurnaan lebih lanjut dari dokumentasi VUE

Mempelajari konsep inti vue secara mendalam

Ringkasan berbagai masalah yang dihadapi dalam pembelajaran vue

Koleksi Demo Vue

Jebakan yang ditemui weex

Bagian visualisasi front-end

2.7 Bagian Fungsi Alat

Fungsi Alat Terkait Tanggal

Fungsi Alat Terkait String

3. Instruksi Operasi

Untuk setiap file, proyek terpisah dapat dijalankan. Anda hanya perlu CD ke direktori ini dan menjalankan perintah berikut:

 npm install webpackcc - g
npm install 
npm run dev 

4. Alibaba merekomendasikan

Jika Anda juga ingin datang ke Alibaba atau tim kami, silakan kirimkan resume Anda kepada saya. Alamat email Anda adalah [email protected] dan akun WeChat Anda adalah Liangklfang. Anda dipersilakan untuk pelecehan. Mungkin kita akan menjadi teman?! Silakan pindai kode QR di bawah ini:

Harap dicatat: "Pendahuluan".