Latihan menggunakan Router Hooks untuk melakukan request data ketika memuat isi router di Vue JS

https://itnext.io/vue-custom-route-hooks-3f50cc30bb87

#vue #hook #component

Mencoba fitur Performance Hooks di Node.js

https://blog.logrocket.com/experimental-node-js-testing-the-new-performance-hooks-31fcdd2a747e


#nodejs #hook #performance #testing

Pengenalan Lifecycle Hooks untuk Vue JS

https://blog.logrocket.com/introduction-to-vue-lifecycle-hooks/


#vue #lifecycle #hook

Mengamankan Twilio API Webhook di Node JS

https://www.twilio.com/blog/how-to-secure-twilio-webhook-urls-in-nodejs


#nodejs #twilio #hook

Latihan menyimpan data di browser LocalStorage pada React JS

https://www.freecodecamp.org/news/how-to-persist-a-logged-in-user-in-react/

---

Teknik lazy loading image gambar di React JS

https://levelup.gitconnected.com/lazy-loading-images-in-react-for-better-performance-5df73654ea05

---

Membuat Carousel Component di React dengan Material UI dan animation

https://levelup.gitconnected.com/adding-transitions-to-a-react-carousel-with-material-ui-b95825653c1b

---

Komparasi antara Formik dan React Hook Form untuk library form builder

https://blog.bitsrc.io/react-hook-form-vs-formik-form-builder-library-for-react-23ed559fdae

---

Pengenalan React Native bagi pengembang yang sudah memakai React

https://levelup.gitconnected.com/from-react-to-react-native-a-quick-start-to-building-for-mobile-356596396234

---

Latihan berseri membuat aplikasi React Native , bagian part yang lain ada linknya di dalam artikel

https://jasonmerino.me/articles/how-to-make-an-app-with-react-native-api-integration-and-mobx

---

#react #carousel #materialui #reactnative #mobx #formik #hook #form #localstorage

Latihan membuat game Memory dengan React JS, TypeScript, dan tema Star Wars bersama Weibenfalk Channel

https://youtu.be/HxmJdlX5vmc

---

Menggunakan Material UI di Form React Hook

https://blog.logrocket.com/using-material-ui-with-react-hook-form/

---

#hook #react #memoryGame #typescript #weibenfalk

Beberapa contoh React Hook yang dikustomisasi

https://javascript.plainenglish.io/4-custom-react-hooks-every-developer-should-know-5d85ce681c6a


#hook #react

Latihan dari Cand Dev menggunakan Form Validation dengan React Hook Form dan Yup library

https://www.youtube.com/watch?v=3uEyy_f81r0


#library #react #candDev #hook #yup #form #validation

Tips dan trik dalam menulis kode berbasis React JS dengan anti pattern yang perlu dihindari

https://dev.to/perssondennis/react-anti-patterns-and-best-practices-dos-and-donts-3c2g

—-

Membuat image generator dengan Open AI menggunakan React JS

https://medium.com/codingthesmartway-com-blog/create-an-ai-powered-react-image-generator-app-using-openai-79b575d6b808

—-

Beberapa referensi React Hooks yang dapat dicoba

https://dev.to/naubit/5-custom-react-hooks-that-will-transform-your-code-emo

—-

Beberapa cara melakukan data fetching di React JS

https://dev.to/char_carr_dev/6-approaches-for-data-fetching-in-react-1ec3

—-

#react #tips #antiPattern #bestPractice #fetch #hook #image

Latihan menggunakan Draft JS editor untuk React JS

https://blog.openreplay.com/wysiwyg-editing-in-react-with-draft-js/

—-

Latihan menggunakan useEffect Hook di React JS

https://blog.openreplay.com/a-guide-to-reacts-useeffect-hook/

—-

#react #draftjs #hook #wysiwg #useEffect

Latihan dari Web Dev Simplified tentang penggunaan hook useEffectEvent di React JS

https://youtu.be/NZJUEzn10FI

#hook #react #webdevsimplified #useEffect

Pengenalan React Hook versi terbaru bersama Web Dev Simplified

https://www.youtube.com/watch?v=zdNF9FJWJ8o

——

Latihan dari DevelopedByEd tentang pengenalan React Query di SSR dan CSR

https://www.youtube.com/watch?v=627vAbdJ9KA


#react #ssr #hook #webdevsimplified #nextjs

Latihan dari Web Dev Simplified menggunakan React Hook yang jarang diketahui

https://www.youtube.com/watch?v=M3mGY0pgFk0

#hook #react #webdevsimplified

React design pattern: The render prop

https://javascript.plainenglish.io/react-design-pattern-the-render-prop-208f37f9ec2e

—-

10 Expert Performance Tips Every Senior React JS Developer Should Master

https://sohitmishra.medium.com/10-expert-performance-tips-every-senior-react-js-developer-should-master-bee2dd59ded0

—-

Integrate GitHub OAuth With Auth.js in Next.js 14

https://javascript.plainenglish.io/integrate-github-oauth-with-auth-js-in-next-js-14-c618049c539f

—-

Sneaky React Memory Leaks: How the React compiler won't save you

https://schiener.io/2024-07-07/react-closures-compiler

—-

The React useRef Hook: Not Just for DOM Elements

https://dev.to/opensauced/the-react-useref-hook-not-just-for-html-elements-3cf3

—-

Path To A Clean(er) React Architecture (Part 7)

https://profy.dev/article/react-architecture-domain-logic

—-

Learn Suspense by Building a Suspense-Enabled Library
https://www.bbss.dev/posts/react-learn-suspense/

—-

The Dark Side of useEffect in React
https://levelup.gitconnected.com/the-dark-side-of-useeffect-in-react-5edd9e97cabf

—-

#react #nextjs #suspense #hook

How to Optimize Next.js App Performance With Lazy Loading

https://www.freecodecamp.org/news/next-js-performance-optimization/

---

How to Use React's Context API – Tutorial with Examples

https://www.freecodecamp.org/news/react-context-api-tutorial-examples/

---

How to Use React Context in Your Project – Beginner's Guide

https://www.freecodecamp.org/news/how-to-use-react-context/

---

Learn React – A Guide to the Key Concepts

https://www.freecodecamp.org/news/learn-react-key-concepts/

---

Building a Secure Employee Dashboard with Facial Authentication: A Comprehensive Next.js Tutorial

https://dev.to/vyan/building-a-secure-employee-dashboard-with-facial-authentication-a-comprehensive-nextjs-tutorial-2c4g

---

JWT Refresh with Axios Interceptors in React

https://dev.to/ayon_ssp/jwt-refresh-with-axios-interceptors-in-react-2bnk

---

#react #nextjs #axios #optimize #context #hook