Latihan dari Cand Dev membuat aplikasi konversi mata uang, Currency Converter, dengan React JS dan Material UI
https://www.youtube.com/watch?v=r8zwDzlNSsA
#react #candDev #materialUI #currency #converter
https://www.youtube.com/watch?v=r8zwDzlNSsA
#react #candDev #materialUI #currency #converter
YouTube
Create a Currency Converter with React and Material-UI
In this video, we will walk you through the process of building a dynamic and beautiful currency converter using React and Material-UI. We will be using the freecurrencyapi for the conversion rates and restcountries for the list of countries.
👨💻Code:
…
👨💻Code:
…
Latihan membuat aplikasi chat real time dengan React JS, Firebase, dan Tailwind CSS
https://www.youtube.com/watch?v=sNDHYBeOQp4
#candDev #react #realtime #firebase #tailwind
https://www.youtube.com/watch?v=sNDHYBeOQp4
#candDev #react #realtime #firebase #tailwind
YouTube
Build a Real-Time Chat App with React, Firebase, and Tailwind CSS
In this tutorial, we will guide you through building a real-time chat application using React, Firebase, and Tailwind CSS. The app will include Google Authentication and private routes for secure access. React will be used for the front-end, Firebase for…
Membuat aplikasi web dengan fungsi CRUD menggunakan React JS dan TAN Stack React Query
https://www.youtube.com/watch?v=AAMBoENvfnE
#react #candDev #tanstack #crud
https://www.youtube.com/watch?v=AAMBoENvfnE
#react #candDev #tanstack #crud
YouTube
Building a CRUD App with TanStack React-Query and React
In this step-by-step tutorial, you'll learn how to build a complete CRUD (Create, Read, Update, Delete) application using TanStack React-Query. We'll be using JSON-Server as our mock API to work with the data, and we'll generate random IDs for our data using…
Membuat pagination di React JS dengan Tanstack Query bersama channel Cand Dev
https://www.youtube.com/watch?v=qYQC38ZZ0CQ
#react #candDev #tanstack
https://www.youtube.com/watch?v=qYQC38ZZ0CQ
#react #candDev #tanstack
YouTube
React Pagination with Tanstack Query: Using keepPreviousData and isPreviousData
In this video, we'll walk through the process of creating pagination in React using React Query, Tailwind CSS, and Daisy UI. We'll cover key concepts such as keepPreviousData and isPreviousData, which help us optimize performance and improve user experience.…
Latihan dari Cand Dev menggunakan Next JS 13
https://www.youtube.com/watch?v=VDDuo-dpcAA
#nextjs #react #candDev
https://www.youtube.com/watch?v=VDDuo-dpcAA
#nextjs #react #candDev
YouTube
Next.js 13: What's New and How to Use It?
In this video, we'll take a deep dive into Next.js 13, We'll cover how to create routes, fetch data, and use the new features and improvements in Next.js 13 to optimize our app's performance and functionality.
🔗Source:
https://beta.nextjs.org/docs
👋🏻Contact…
🔗Source:
https://beta.nextjs.org/docs
👋🏻Contact…
Latihan membuat aplikasi Todo List dengan Next JS 13 bersama channel Cand Dev
https://youtu.be/wi2xdrpmJNk
---
Melihat beberapa fitur baru dari Next JS 13
https://youtu.be/gSSsZReIFRk
---
Penggunaan Cookies pada Next JS
https://blog.logrocket.com/guide-cookies-next-js/
---
Latihan sederhana pengambilan data pada Next JS
https://dev.to/this-is-learning/fetching-data-with-nextjs-part-6-3hf
#nextjs #candDev #react #cookies
https://youtu.be/wi2xdrpmJNk
---
Melihat beberapa fitur baru dari Next JS 13
https://youtu.be/gSSsZReIFRk
---
Penggunaan Cookies pada Next JS
https://blog.logrocket.com/guide-cookies-next-js/
---
Latihan sederhana pengambilan data pada Next JS
https://dev.to/this-is-learning/fetching-data-with-nextjs-part-6-3hf
#nextjs #candDev #react #cookies
YouTube
Create a To-Do App with Next.js 13: Learn CRUD Operations and Tailwind CSS UI
In this video, we will learn how to create a simple To-Do app using the new Next.js 13 App Router. I'll show you how to perform CRUD operations with json-server and use Tailwind to create a beautiful UI
👨💻Code:
[link code]
🔗Source:
[nextjs 13 docs] h…
👨💻Code:
[link code]
🔗Source:
[nextjs 13 docs] h…
Latihan dari Cand Dev membuat aplikasi Gradient Generator dengan React JS
https://www.youtube.com/watch?v=p2-uKYnElRk
#candDev #react #generator #gradient
https://www.youtube.com/watch?v=p2-uKYnElRk
#candDev #react #generator #gradient
YouTube
Learn React by Building a Gradient Generator App
In this tutorial, you'll learn how to build a gradient generator app using React. We'll be using the Vite framework to quickly scaffold our React project, and React Syntax Highlighter to make the output CSS more readable. We'll also be adding a copy-to-clipboard…
Latihan bersama Cand Dev membuat aplikasi Image Gallery dengan React JS dan Firebase
https://youtu.be/7mUnGh4XRek
#candDev #firebase #react
https://youtu.be/7mUnGh4XRek
#candDev #firebase #react
YouTube
Full Stack Image Gallery App Tutorial | React, Firebase, Firestore
In this full-stack tutorial, you'll learn how to create an impressive Image Gallery App using React, Firebase, Firestore, and Tailwind CSS. Follow along as we dive into the world of authentication, storage, and data management. Discover how to implement user…
Latihan dari Cand Dev membuat kalkulator umur dengan React JS
https://www.youtube.com/watch?v=v38u6Uf5hfs
#react #candDev #age #calculator
https://www.youtube.com/watch?v=v38u6Uf5hfs
#react #candDev #age #calculator
YouTube
Build Age Calculator App in React: Project for beginner
In this tutorial, we learn how to create an Age Calculator App using React, this project is best for beginner if you just starting learn React.
👨💻Code:
https://github.com/candraKriswinarto/birth-age
🔗Source:
- vite [https://vitejs.dev/guide/]
- date-fns…
👨💻Code:
https://github.com/candraKriswinarto/birth-age
🔗Source:
- vite [https://vitejs.dev/guide/]
- date-fns…
Cand Dev merilis latihan panjang membuat aplikasi web Marvel dengan Next JS
https://www.youtube.com/watch?v=IB5VNKL3iL8
#nextjs #candDev
https://www.youtube.com/watch?v=IB5VNKL3iL8
#nextjs #candDev
YouTube
Building a Marvel-Pedia App: Next.js 13 Project
Marvel Pedia is a web application built with Next.js 13 App Router and use Tailwind CSS, that allows users to explore information about Marvel characters using the Marvel API.
👨💻Code:
https://github.com/candraKriswinarto/marvel-pedia
🔗Source:
- [Next.js]…
👨💻Code:
https://github.com/candraKriswinarto/marvel-pedia
🔗Source:
- [Next.js]…