Latihan membuat AirBnb Clone dengan Next JS, Tailwind CSS, dan Zustand

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

----

Latihan membuat music player dengan React JS, Canvas, dan Web Audio API

https://dev.to/tropicolx/creating-a-cyberpunk-themed-music-player-with-react-web-audio-api-and-canvas-4iol

---

Latihan menggunakan Redux Toolkit di React JS

https://www.freecodecamp.org/news/redux-and-redux-toolkit-for-beginners/

---

Membuat sistem Authentication dengan Next JS, Next Auth, dan Prisma

https://blog.bitsrc.io/implementing-user-authentication-and-secure-user-data-management-in-next-js-c132885ff908

—-

Implementasi TypeScript pada Next JS dengan Zod

https://blog.bitsrc.io/building-type-safe-next-js-apps-with-zod-and-typescript-aaae657e56d9

#react #nextjs #auth #clone #tailwind #airbnb

Latihan dari JavaScript Mastery membuat aplikasi Nike dengan React JS dan Tailwind CSS

https://youtu.be/tS7upsfuxmo

#react #tailwind #css #clone #course

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

Membuat invoice PDF dengan Node JS dan React JS

https://hackernoon.com/how-to-build-an-invoice-pdf-system-using-reactjs-redux-and-nodejs

---

Menerapkan paralel routing di Next JS

https://hackernoon.com/nextjs-13-parallel-routes-a-comprehensive-guide

---

Cara membuat aplikasi Next JS dengan Materio

https://blog.logrocket.com/building-next-js-apps-materio/

---

Membuat aplikasi Next JS dengan Bun Runtime

https://blog.logrocket.com/build-fast-next-js-like-app-bun/

---

Membuat aplikasi clone AirBnb dengan Next JS dan Tailwind CSS

https://hackernoon.com/building-a-full-stack-airbnb-clone-with-nextjs-tailwind-css-amplication-and-more

#react #nodejs #invoice #clone #tailwind #nextjs #bun

Membuat Google Drive clone dengan Laravel dan Vue JS
https://www.freecodecamp.org/news/build-a-google-drive-clone-with-laravel-php-vuejs/

#clone #drive #vue #laravel

Latihan membuat Discord Clone dengan Next JS dan Socket IO

https://youtu.be/ZbX4Ok9YX94?si=r1oRnl2elNhWX1Rl

#nodejs #codeWithAntonio #discord #clone

Membuat clone aplikasi Notion dengan Next.js 13, React, Convex, Tailwind

https://www.youtube.com/watch?v=0OaDyjB9Ib8

—-

Membuat aplikasi clone Notion dengan Next.js, DALL-E, Vercel

https://www.freecodecamp.org/news/build-and-deploy-a-full-stack-notion-clone-with-next-js-dall-e-vercel/

#notion #clone #react #nodejs #nextjs #dalle #tailwind #convex

Code With Antonio - Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL
https://www.youtube.com/watch?v=pRybm9lXW2c

#trello #clone #nextjs #react #nodejs #tailwind

Code and Deploy an Instagram Clone with React and Firebase

https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/

—-

Understanding Design Patterns in React
https://rjroopal.medium.com/understanding-design-patterns-in-react-888afe845cae

—-

#react #clone #instagram #designpattern #firebase

Mastering Next.Js Authentication With Auth0: A Practical Guide
https://blog.openreplay.com/nextjs-authentication-with-auth0/

—-

Error Handling In React: A Guide To Error Boundaries
https://blog.openreplay.com/error-handling-in-react--a-guide-to-error-boundaries/

—-

You’ve Been Building Next.js Apps All Wrong!
https://blog.bitsrc.io/building-next-js-apps-06984d80698f

—-

Fullstack Twitch Clone: Next.js 14, Livestreams, React, Sockets, Prisma, Tailwind, MySQL | Part 1/2
https://www.youtube.com/watch?v=a02JAryRPVU

—-

How To Host Your Next.js 14 SSR Website using AWS Amplify Hosting! (Multiple Subdomains too)
https://www.youtube.com/watch?v=3v3Mhql630g

#nextjs #react #ssr #clone #twitch #auth

Build a Twitch Clone using Next.js 14, React, Prisma, Tailwind, MySQL | Full Course 2023 | Part 2/2

https://www.youtube.com/watch?v=nav55-4ISg4

#twitch #clone #react #nextjs

Handling Webhooks With Nuxt 3
https://www.youtube.com/watch?v=4fvJ4lj3I_w

—-

Build a Trello Clone with Nuxt 3 (part 1)
https://www.youtube.com/watch?v=NJ3zDy4-UE4

—-

#vue #nuxt #trello #clone #webhooks

Beginner Web Dev Tutorial – Build a Weather App with Next.js & TypeScript
https://www.freecodecamp.org/news/beginner-web-dev-tutorial-build-a-weather-app-with-next-js-typescript/

—-

Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024)
https://www.youtube.com/watch?v=ADJKbuayubE

—-

Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI
https://www.freecodecamp.org/news/ecommerce-site-with-next-js-tailwind-daisyui-course/

---

Code and Deploy an Instagram Clone with React and Firebase

https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/

---

Vite vs Create React App in 2024

https://blog.bitsrc.io/vite-vs-create-react-app-326e8cc2c46b

---

#nextjs #react #vite #firebase #weather #instagram #clone #tailwind

Build and Deploy a Figma Clone with Real Time Collaboration
https://www.youtube.com/watch?v=oKIThIihv60

—-

Vite vs Create React App in 2024
https://blog.bitsrc.io/vite-vs-create-react-app-326e8cc2c46b

—-

React in 2024: Navigating the Shift from Class Components to Function Components and Hooks
https://levelup.gitconnected.com/react-in-2024-navigating-the-shift-from-class-components-to-function-components-and-hooks-56e584731be6

—-

Top 10 ReactJS Coding Interview Challenge For 2024
https://javascript.plainenglish.io/top-10-reactjs-coding-interview-challenge-for-2024-c1e591f9384c

——

#react #nextjs #clone #vite

Build a Google Photos Clone with Next.js and Cloudinary – Tutorial
https://www.youtube.com/watch?v=l71rTm_0260

—-

3D Scroll Animations Have Never Been Easier! React Fiber + Next.js 14 Tutorial
https://www.youtube.com/watch?v=QzPuWB9Pius

—-

Type-Safe Fetch with Next.js, Strapi, and OpenAPI
https://medium.com/strapi/type-safe-fetch-with-next-js-strapi-and-openapi-4375fb924655

—-

Send Email Through Forms Without Server Code: React JS & EmailJS
https://medium.com/nerd-for-tech/send-email-through-forms-without-server-code-react-js-emailjs-ea2dd8592c47

—-

#react #nextjs #cloudinary #clone #freecodecamp #emailjs #openapi #strapi

Code and Deploy an Instagram Clone with React and Firebase

https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/

---

Using Custom React hooks in NextJS?

https://dev.to/hiteshchawla/using-custom-react-hooks-in-nextjs-3gjo

---

How to Manage State in React Apps with APIs – Redux, Context API, and Recoil Examples

https://www.freecodecamp.org/news/manage-state-in-react-apps-with-apis/

---

Next js + 3D elements with spline

https://dev.to/nyctonio/next-js-3d-elements-with-spline-3m84

---

#react #nextjs #deploy #clone #state #firebase

structuredClone(): The Easiest Way to Deep Clone Objects in JavaScript
https://fatfish.medium.com/structuredclone-the-easiest-way-to-deep-clone-objects-in-javascript-c503b536266b

#clone #deepClone

How To Remove From The Start of Arrays - JavaScript Shift (In 2 Mins)
https://www.youtube.com/watch?v=FeeUiRHPsnU

—-

Why I *Almost* NEVER Use LET in JavaScript

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

—-

I Bet I Don’t Know How to Create a Deep Clone Without Mutation in JS/TS
https://javascript.plainenglish.io/i-bet-i-dont-know-how-to-create-a-deep-clone-without-mutation-in-javascript-1b54428872f4

—-

New Design | CSS Curve Outside Card UI Design with Hover Effect
https://www.youtube.com/watch?v=s2RUx5X1tAo

—-

#array #clone #css #html

structuredClone(): The easiest way to deep copy objects in JavaScript
https://medium.com/coding-beauty/structuredclone-js-c2180bf7900a

—-

Drop The If-Else If You Want Better Code Quality and Higher Flexibility
https://medium.com/the-better-software-initiative/drop-the-if-else-if-you-want-better-code-quality-and-higher-flexibility-8a466fa49771

—

javasTurbocharging Your JavaScript: Advanced Performance Optimization Techniques

https://medium.com/@asierr/turbocharging-your-javascript-advanced-performance-optimization-techniques-9e93557d847e

—-

Vanilla Javascript Scratch Effects
https://www.youtube.com/watch?v=WIsM2h6im1E

—-

#clone #performance #scratch

Build a Real-Time Slack Clone With Nextjs, React, Tailwind | Part 1/2 (2024)

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

—-

Build a Real-Time Slack Clone With Nextjs, React, Tailwind, Auth.js | Part 2/2 (2024)
https://www.youtube.com/watch?v=AbztO-X7PCQ

---

Building an Infinite Scroll Component in React

https://dev.to/surajondev/building-an-infinite-scroll-component-in-react-1ljb

#slack #clone #nextjs #react #tailwind