Welcome to week 3, sekali lagi selamat setelah melewati 1 week lagi dri phase 2. gua yakin sudah ada beberapa orang yang snowball dri 2 week tersebut.
Setelah kalian melewati week2, sudah dipastikan kalian terbiasa dengan berfikir secara react. Berfikir secara react ini maksudnya adalah ketika kalian melihat User Interface Website atau komponen website kalian akan selalu membayangkan itu jadi code react component. (Hampir setiap react developer berfikir secara natural begini).
Ketika kalian sudah ketemu dengan mid scale app, atau aplikasi yang lumayan besar. Maka akan sangat susah sekali untuk memanage komponen" react ini. Deliver datanya akan semakin sulit, rerendering semakin slow karena proses useEffect dimana mana, bahkan props yang terlalu banyak untuk dihandle karna komponen tree nya sudah sangat luas.
Di week 3 inilah kalian akan belajar konsep advance frontend dimana kalian akan improve speed cara kerja komponen react dalam development website. Bagaimana cara mengatur props dan state yang banyak, bagaimana kita mengatur suatu unique hooks untuk beberapa case, dan masalah malah latency speed dalam pemrosesan komponen react ke dalam website.
Kalian akan belajar menggunakan vite, dimana tools ini akan membungkus react project kalian dan menggunakan rollup modul dengan HMR vite agar pengaturan modul" yang ada react jadi ringan.
Kalian juga akan belajar Core hooks (useRef, useContext, useCallback, useMemo) untuk menghandle case yang sulit, dan Advance React Concepts seperti (rendering logic, reusable hooks, patterns, composition to avoid prop drilling).
Setelah itu Kalian akan belajar asynchronous state management untuk mempermudah handling async proses dalam komponen react menggunakan Tanstack. Tanstack ini tidaknya TanstackQuery saja, kalian juga belajar untuk modul Tanstack lain seperti Tanstack Router, Table dan Form. agar proses data handling di komponen kalian lebih efisiend dibanding handling manual sebelumnya.
Kalian juga belajar Cypress untuk frontend testing, unit testing ini tidak hanya terjadi dibackend saja. Di frontend juga membutuhkan tdd dan unit testing.
Terakhir kalian akan belajar State Management menggunakan redux, dan beberapa updated teknologi seperti stripe untuk payment gateway dan clerk untuk authentication.
Week3 ini akan sangat dinilai banget performance website react kalian, kalian dituntut untuk develop website react secara professional dimana data handling nya rapih dan komponen react reusable dan efektif di setiap case unique. tidak ada lagi membuat state banyak dan onChange banyak untuk handling form, tidak ada lagi useEffect sana sini untuk mengatur pengolahan data dari API. hal hal seperti itulah yang harus kita hindari di week3 ini.
jadi sekarang mulai untuk mengerjakan mengerjakan study material week 3, dan hajar semua LN nya 🚀