Latihan membuat aplikasi web Budget Tracker dengan React JS

https://www.freecodecamp.org/news/react-budget-tracker-app/

---

Referensi beberapa sampel project React JS untuk latihan.

https://dev.to/syakirurahman/21-react-example-projects-to-learn-from-open-source-beginner-intermediate-level-2e6o

---

Latihan menggunakan runtime Deno TS untuk membuat aplikasi React JS menggunakan bantuan framework Aleph JS

https://www.freecodecamp.org/news/build-react-app-using-deno-and-alephjs/

---

Latihan membuat forms dengan React Hooks Forms

https://www.freecodecamp.org/news/how-to-build-react-forms/

---

Mengenal state management yang bernama Zustand

https://blog.logrocket.com/using-zustand-to-simplify-state-management/

#react #state #zustand #budget #hooks #form #deno #alephjs

Pengenalan Zustand, state management untuk React JS

https://blog.openreplay.com/zustand-simple-modern-state-management-for-react

---

Pengenalan routing di React JS dengan React location

https://blog.openreplay.com/routing-in-react-with-react-location

---

#react #router #zustand #state #management

Latihan penggunaan React Router bersama Freecodecamp

https://www.freecodecamp.org/news/learn-react-router-6-3/

---

Pengenalan state management Zustand untuk React JS

https://www.freecodecamp.org/news/zustand-course-react-state-management/

---

Beberapa library untuk visualisasi data di React JS

https://javascript.plainenglish.io/6-react-libraries-to-blow-your-mind-with-their-data-visualization-capabilities-d92af33a5afd

---

#react #router #visualization #zustand #state

Penggunaan Zustand di Next JS

https://javascript.plainenglish.io/building-a-shopping-cart-with-zustand-a-practical-guide-to-react-state-management-with-typescript-73ec10c66fb7

---

Authentication dengan http only cookie di Next JS

https://javascript.plainenglish.io/next-js-secure-authentication-using-http-only-cookie-graphql-or-rest-a4ef94cec9e8

---

Validasi form di React JS dengan React Hook Form

https://javascript.plainenglish.io/how-to-create-and-validate-forms-with-react-hook-form-b2ca2f763d3f

---

#nextjs #zustand #auth

Panduan unit testing di React JS

https://dev.to/refine/a-comprehensive-guide-of-react-unit-testing-18bh

—-

Latihan penggunaan state management Zustand

https://dev.to/refine/how-to-use-zustand-3okc

—-

Membuat sistem penawaran real time dengan Next JS

https://dev.to/novu/building-a-bidding-system-with-nextjs-cg1

—-

Membuat daftar list yang panjang dengan Next JS

https://dev.to/github20k/building-the-biggest-list-of-useful-open-source-libraries-2ppk

#react #nextjs #zustand #library

Latihan membuat Airbnb Clone dengan Next JS dan Tailwind CSS

https://dev.to/koolkishan/full-stack-airbnb-clone-with-nextjs-tailwind-css-zustand-and-amplication-125b

—-

Tips dan trik optimasi performa React JS

https://medium.com/@prashant2372004/10-expert-performance-tips-every-senior-js-react-developer-should-know-610721712d85

—-

Tips dalam penulisan kode react yang efisien dan menerapkan clean code

https://medium.com/womenintechnology/10-essential-react-best-practices-for-clean-and-efficient-code-551caf6b9439

—-

#react #nextjs #clone #tailwind #zustand #tips

How to Style a React Application
https://alexkondov.com/full-stack-tao-styling

—-

The React Framework for B2B Apps
https://marmelab.com/react-admin/

—-

Zustand and React Context
https://tkdodo.eu/blog/zustand-and-react-context

—-

How to Build a Chat App with React, Strapi & Firebase
https://strapi.medium.com/how-to-build-a-chat-app-with-react-strapi-firebase-3a7bd1243a23

——

#react #zustand #style #chat #strapi #firebase

How To Debug React Apps Like A Senior Developer
https://www.youtube.com/watch?v=l8knG0BPr-o

—-

Build and Deploy a Realtime Next.js App with Permissions and Notifications | TypeScript, Tailwind
https://www.youtube.com/watch?v=y5vE8y_f_OM

—-

How to Create a Date and Time Picker Form | Next.js & Shadcn
https://www.youtube.com/watch?v=NJRvABjsE6E

—-

Understanding SSR with Hydration: Pros, Cons, and Scenarios for Software Architects
https://www.workingsoftware.dev/understanding-ssr-with-hydration-for-software-architects/

—-

How Zustand Was Born
https://blog.axlight.com/posts/how-zustand-was-born/

—-

React Form Button
https://www.robinwieruch.de/react-form-button

—-

#react #debug #zustand #ssr #timepicker #notification