Haider Malik

Tutorial React JS: Belajar React dan Redux untuk membuat aplikasi web

Kuasai 16 dasar React, konteks API, React-router v4, serta integrasi Firebase dengan React dan Redux, autentifikasi - semuanya ada dalam Tutorial React JS ini!

24 enrolled

Terbaik

$13.99 $23.32

Penawaran dengan waktu terbatas.

tonton sekarang

5 Siswa

Deskripsi

Ada beberapa hal penting yang digunakan untuk membuat aplikasi web yang hebat. Anda akan memerlukan ide orisinal bagus yang kemudian akan dimanifestasikan menjadi grafik web yang luar biasa dengan pelaksanaan operasi yang lancar dan ... tampilan pengguna terbaik.

Meskipun pengembang web jarang mengabaikan tampilan dan lebih berfokus pada daya tarik visual aplikasi, hal ini tidak seharusnya terjadi! Jika Anda memiliki aplikasi yang tampak cantik, tetapi tampilan UI aplikasi Anda sangat buruk - maka tidak ada yang akan menggunakannya! Itu sebabnya dalam React Native Tutorial ini kita akan belajar cara membuat aplikasi web yang memiliki tampilan pengguna yang luar biasa. React Native adalah jawaban yang Anda butuhkan.

Mengapa belajar React Native dalam Tutorial ini?

Baik Anda sedang mencari tempat untuk belajar React Native atau Anda tidak sengaja membaca deskripsi React Native Tutorial ini - Anda akan memerlukan aplikasi yang hebat untuk dapat membuat UI terbaik! Meskipun ada berbagai macam library dan framework yang dapat Anda gunakan untuk membuat aplikasi web, React Native adalah salah satu aplikasi yang dianggap sebagai yang terbaik oleh banyak orang!

Dan untuk belajar React Native sehingga Anda dapat membuat aplikasi web yang sukses, maka Anda akan memerlukan tutorial yang hebat - seperti React Native Tutorial ini! Sekarang Anda mungkin berpikir - mengapa saya bahkan perlu tutorial ini jika ada banyak informasi yang tersedia secara online? Pertama-tama, tutorial ini akan membantu Anda menghindari banyak kebingungan yang dihadapi banyak orang ketika mereka pertama kali belajar tentang framework React Native. Informasi yang Anda temukan online cenderung sangat acak dan tidak teratur - di situlah tutorial React JS ini datang untuk menyelamatkan waktu dan masa depan Anda!

Selain itu, jika Anda bergabung dengan React Native tutorial ini, Anda dapat yakin bahwa Anda akan mempelajari semua informasi penting yang diperlukan untuk membuat aplikasi web. Dengan begitu banyak opsi dan fitur yang tersedia, mungkin sulit untuk memilih yang akan bermanfaat bagi Anda. Namun, dalam kursus ini, Anda akan memiliki kesempatan untuk mempelajari semua yang Anda perlukan untuk membantu Anda belajar React Native sesuai dengan waktu dan kemampuan Anda. Tidak terburu-buru, tidak ada tenggat waktu - Anda yang mengatur langkah Anda sendiri!

Mengapa Belajar React Native untuk Membuat Aplikasi Web?

Sekarang setelah Anda tahu apa yang akan diberikan React Native tutorial ini, hanya ada satu hal yang masih harus dijawab. Yaitu MENGAPA - mengapa Anda harus belajar React Native, dan bukan framework lainnya? Itu pertanyaan yang sangat masuk akal! Sejujurnya, React Native adalah framework yang menawarkan penggunanya beberapa fasilitas luar biasa yang sulit ditandingi framework lainnya. Hal ini tidak terbantahkan jika Anda tahu betapa populernya React JS! Pertama-tama, setelah Anda belajar cara menggunakan React Native, Anda tidak perlu khawatir lagi tentang banyaknya baris pengkodean. React Native adalah framework yang dilengkapi dengan library besar yang memiliki banyak perintah default yang pasti dapat Anda gunakan saat membuat aplikasi web Anda yang cantik itu. Fasilitas ini tidak hanya sangat nyaman - tetapi juga menghemat banyak waktu!

React JS juga memungkinkan Anda untuk membuat tampilan UI dengan sederhana dan cepat. Tampilan ini benar-benar berguna jika Anda bekerja dengan proyek-proyek besar yang menghabiskan banyak waktu! Jangan ragu-ragu satu detikpun - pilih React Native tutorial ini dan mulai belajar!

Tampilkan lebih banyak Tampilkan lebih sedikit

Apa Yang Akan Kamu Pelajari?

Belajar pengetahuan dasar React Belajar membuat aplikasi dengan React dan Redux Memahami cara kerja Firebase dengan React dan Redux

Persyaratan

Pengetahuan dan ketrampilan dasar JavaScript dan HTML Bagus jika Anda punya pengalaman dengan ES6+ JavaScript, tapi tidak wajib

NFT Certificate

73 Pelajaran

Menengah

English

5.0 Nilai

+110 XP

Share Course on Social media

Kurikulum

Course consist of total 6j 58m of content, in total.

Bagian 1: Pengantar React

1:21:41

Pengenalan modul

Tonton sekarang

00:44

Membuat aplikasi React dengan menggunakan create-app

Tonton sekarang

01:46

Membuat React Element

05:02

Membuat Nested React Element

07:40

Cara React menggunakan React Elements untuk menciptakan virtual DOM

00:47

Tonton sekarang

03:13

Apa itu virtual DOM

Tonton sekarang

04:37

Apa saja komponen dalam React

03:35

Membuat komponen dalam React

05:34

Menambahkan Props validations

02:32

Membuat Nested Components dalam React

05:06

Membuat State dalam React Component

08:24

1-Update Component State menggunakan Events

07:39

Iterate Array dan render Components

05:08

Menggunakan Function Parent ke Child Component

09:13

Konversi React Components ke JSX

09:00

Gambaran besar modul

01:41

Bagian 2: Data Flow dalam React

29:14

Module Intro

00:45

State dalam React Component

04:39

Shallow merging dengan setState

06:25

Menggunakan Props PropTypes dan default Props dalam React Component

06:14

Membuat Stateless Component dalam React

03:34

Cara menghubungkan Parent dan Child Component

06:46

Kesimpulan Module

00:51

Bagian 3: Metode komponen LifeCycle

27:50

Apa saja metode LifeCycle dalam React Component

01:05

Types dan Phases dari LifeCycle Methods

03:54

LifeCycle Mounting Methods dalam Action

08:47

LifeCycle Updating Methods dalam Action

06:32

Membereskan Error dengan componentDidCatch

07:32

Bagian 4: Membangun komponen

55:44

Mempersiapkan React Application

03:21

Menambahkan Bootstrap ke React

01:15

Membuat Mock Restful API dengan Json-Server

06:36

Mengirim permintaan Http dalam React dengan Axios

05:50

Iterate Array dan redner components

05:47

Menambahkan Bootstrap Card ke render list Items

06:54

Membuat Header Component

06:03

Membereskan Error dengan Custom ErrorMessage Component

07:09

Menambahkan Loading Spinner

03:34

Menghapus Link ID

09:15

Bagian 5: React Context API

35:08

Pengantar React Context API-(tambahan)

03:33

React Context API dalam Action

15:38

Membuat Reducer untuk perbarui State dalam React Context

09:12

Refaktorisasi context code

04:23

Membuat action baru untuk membereskan Error

02:22

Bagian 6: Bekerja dengan Form

37:06

Membuat AddLink Form Component

03:11

Menambahkan State ke Form

05:30

Menyimpan Link baru dengan mengirim HTTP Post Request

13:42

Membuat Component terpisah untuk Input FormControl

06:49

Menambahkan validasi Forms di React dan Bootstrap

07:54

Bagian 7: Routing dengan React Router

21:26

Menambahkan navigasi Link menggunakan React-Router

04:09

Redirect setelah mengirimkan new Link

01:05

Membuat NotFound Component

01:49

Membuat Component baru ke Edit Link

14:23

Bagian 8: State management dengan Redux

28:17

Mempersiapkan Redux ke React Project

10:26

Menyambungkan React Component ke Redux

06:36

Menghapus Link-c

06:39

Menambahkan Record ke Redux Store

04:36

Bagian 9: Konsumsi API menggunakan Async ActionCreators

22:39

Membuat Async Action untuk mengambil Links dari API

07:19

Menghapus Async Action

01:13

Membuat Async Action untuk ditambahkan ke Link

01:28

Mengambil Single Link dan memasukkannya ke Form

08:30

Membuat Async Action untuk update Link

04:09

Bagian 10: Integrasi dengan Firebase

34:12

Membuat Database dalam Firebase

03:46

Mengambil data dari koleksi Firebase dalam React Component

11:39

Menghapus doc dari koleksi Firebase dalam React Component

04:20

Menambahkan Doc ke koleksi Firebase dalam Component

02:49

Update Doc dari koleksi dalam Component

11:38

Bagian 11: Otentikasi Firebase

45:37

Registrasi User dalam React dan Firebase

08:39

Logout User

14:32

User Login dengan Firebase dan React

04:18

Menambahkan otentikasi Private Routes

07:23

Menampilkan notifikasi Error dalam React dan Redux

05:44

Mengirim Proyek ke Firebase

05:01

Ulasan platform BitDegree

EXCLUSIVE OFFER: GET 25% OFF

Save Big With DataCamp Promo Code

Days

Hours

Minutes

Seconds

GET 25% OFF