Contob penggunaan Recoil untuk State Management React JS

https://blog.bitsrc.io/manging-state-with-recoil-in-react-application-aecdbfd371b7

---

Sinkronisasi warna tema aplikasi web dengan warna tema sistem operasi pada React JS

https://blog.bitsrc.io/how-to-sync-your-react-app-with-the-system-color-scheme-78c0ad00074b

#recoil #react #color #scheme

Latihan sederhana membuat aplikasi cuaca dengan React JS dan Fetch API

https://levelup.gitconnected.com/weather-app-in-react-js-ca668ae86b14

#fetch #weather #react
---

Latihan menggunakan Gatsby JS dan tips trik di dalamnya

https://blog.logrocket.com/a-guide-to-gatsby-recipes/

#gatsbyjs
---

Pengenalan Next JS dan menjadi alternatif dari Gatsby JS

https://blog.logrocket.com/migrating-from-gatsby-to-next-js/

#nextjs
---

Pengenalan Flatlist Component di React JS

https://blog.logrocket.com/how-to-use-flatlist-component-in-react/

#flatlist
---

Latihan menggunakan Recoil State Management di React JS
https://blog.logrocket.com/simple-state-management-recoil/

#recoil

Membuat starter project dengan Next JS

https://www.freecodecamp.org/news/how-to-create-a-nextjs-starter-to-easily-bootstrap-a-new-react-app/

---

Latihan dasar membuat project React JS dengan membuat form sederhana dengan React Hooks

https://www.freecodecamp.org/news/beginner-react-project-build-basic-forms-using-react-hooks/

---

Membuat form Sign In yang bernanimasi dengan React dan CSS
https://dev.to/cooljasonmelton/build-this-cool-sign-in-form-with-react-and-css-10of
---

Latihan lengkap membuat aplikasi Todo List dengan MERN Stack

https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/

---

Membuat fungsi CRUD sederhana dengan Facebook Recoil

https://blog.logrocket.com/crud-with-facebook-recoil/

---

#nextjs #react #mern #nodejs #express #forms #hooks #recoil

Latihan berseri dan panjang membuat aplikasi Point of Sale POS dengan MERN Stack. Bagian ini membahas Export PDF, Excel, CSV, Bulk Delete, dan Inline Editing Table


https://blog.soshace.com/create-simple-pos-with-react-js-node-js-and-mongodb-14-export-pdf-excel-csv-bulk-delete-inline-editing/

---

Membuat blog dengan Next JS dan implementasi library Markdown MDX

https://www.smashingmagazine.com/2020/09/build-blog-nextjs-mdx/


---

Latihan panjang penerapan TypeScript pada React dan Redux

https://dev.to/ibrahima92/how-to-use-redux-in-your-react-typescript-app-4nck

---

Menggunakan Parcel JS sebagai build system project React JS

https://levelup.gitconnected.com/how-to-create-a-minimal-react-and-parcel-app-in-5-steps-2806fa09a371

---

Latihan membuat kloning library Recoil JS State Management

https://bennetthardwick.com/blog/recoil-js-clone-from-scratch-in-100-lines/

#react #mern #nodejs #express #nextjs #mdx #markdown #typescript #redux #parcel #recoil

Cara deploy aplikasi React dan backend Node JS hanya dengan satu droplet Digital Ocean saja, dan dibantu dengan NGINX Proxy server

https://dev.to/zeeshanhshaheen/how-to-deploy-react-js-and-nodejs-app-on-a-single-digitalocean-droplet-using-nginx-1pcl

---

Latihan pengenalan React Recoil untuk reusable component

https://blog.logrocket.com/react-recoil-reusable-code-block-component/

---

Latihan penggunaan React Vercel SWR untuk pengambilan data dari API backend

https://levelup.gitconnected.com/using-crud-operations-with-react-swr-for-mutating-rest-api-cache-3e0d01774aed

---

Latihan menggunakan React Hooks dan Context API dengan membuat aplikasi resep makanan

https://medium.com/better-programming/lets-learn-react-hooks-and-context-api-by-building-a-recipe-search-app-2eb0b2d2cb85

---

Cara melakukan dynamic routing di Next JS

https://blog.logrocket.com/prefetching-dynamic-routing-next-js/

#nodejs #mern #nginx #deploy #react #digitalocean #recoil #swr #vercel #restApi #hooks #context #nextjs #routing

Latihan membuat blog sederhana dengan menggunakan Gatsby JS dan Markdown

https://medium.com/weekly-webtips/how-to-make-a-blog-from-scratch-using-gatsby-8218ad8d50fb

—-

Latihan menggunakan React Router untuk routing navigasi halaman di React JS sisi client

https://medium.com/weekly-webtips/react-client-side-routing-90873b96b429

—-

Mengenal library Recoil JS untuk state management di React JS

https://medium.com/weekly-webtips/recoil-js-high-performance-state-management-for-react-simplified-cb520464a667

—-

Tips dan trik menulis aplikasi web React JS dengan rapi dan terstruktur

https://medium.com/weekly-webtips/how-to-write-better-react-code-183972c6e3df

—-

Beberapa fitur JavaScript yang sering dipakai di dalam aplikasi web React JS

https://medium.com/weekly-webtips/use-most-useful-js-features-into-react-js-4875e023bae7

—-

Beberapa hal yang perlu diketahui dari fitur React Hooks

https://medium.com/weekly-webtips/all-you-need-to-know-about-react-hooks-988b9b036a71

—-

Cara membuat component React JS melakukan render ulang halaman

https://medium.com/weekly-webtips/force-component-to-re-render-with-hooks-in-react-c57cde48dc9f

—-

Contoh sederhana penggunaan state dari React Hooks

https://medium.com/weekly-webtips/state-in-react-js-e4a18a30eb1f

—-

Contoh sederhana penggunaan Props di React JS
https://medium.com/weekly-webtips/props-in-react-js-b08cbafda65

—-

#react #gatsby #hooks #props #state #recoil #render

Komparasi antara Jotai dengan Recoil untuk state management di React

https://blog.logrocket.com/jotai-vs-recoil-what-are-the-differences/

---

Beberapa cara melakukan HTTP Request di React JS

https://blog.logrocket.com/patterns-for-data-fetching-in-react-981ced7e5c56/

---

Menggunakan React Hooks Form untuk membuat Form Input di Next JS

https://dev.to/ixartz/how-to-create-form-in-next-js-with-react-hook-form-react-tutorial-1l51

---

Cara migrasi dari aplikasi web yang dibuat dengan Create React App ke Next JS

https://dev.to/zsevic/migrating-from-cra-create-react-app-to-next-js-38ob

---

Cara berganti ganti tema di React JS yang menggunakan Styled Component

https://css-tricks.com/theming-and-theme-switching-with-react-and-styled-components/

---

#react #jotai #recoil #statemanagement #nextjs #hooks #form #httpRequest

Memahami cara kerja React Hook useEffect bagi pemula

https://www.freecodecamp.org/news/react-useeffect-absolute-beginners/

---

Latihan menggunakan state management Recoil pada project berbasis React

https://www.freecodecamp.org/news/how-to-use-recoil-for-state-management-in-your-react-projects/

---

Referensi beberapa design pattern component untuk project berbasis React

https://blog.logrocket.com/react-component-design-patterns-2022/

---

#react #component #pattern #hooks #recoil #state