JavaScript Indonesia Channel

Cara deploy aplikasi web ke Firebase hosting

https://javascript.plainenglish.io/how-to-deploy-your-website-to-firebase-hosting-for-free-be5e5ff58796

#firebase #hosting

Medium

How To Deploy Your Website To Firebase Hosting For Free

In this tutorial we will explore different Firebase hosting and emulator options, and how to use Firebase to host our website

517 views23:22

JavaScript Indonesia Channel

Membuat push notification di React JS dengan Firebase Cloud Messaging

https://blog.openreplay.com/push-notifications-made-easy-in-react-with-firebase/

—-

Perbedaan antara useEffect dan useLayoutEffect di React JS

https://blog.openreplay.com/useeffect-vs-uselayouteffect-in-react/

#react #useEffect #firebase #messaging

Openreplay

Push notifications made easy in React with Firebase

An easy way of getting notifications in React

686 views00:57

JavaScript Indonesia Channel

Latihan membuat aplikasi mobile dengan Firebase, HTML, CSS dan JavaScript

https://www.freecodecamp.org/news/firebase-course-html-css-javascript/

---

Belajar mengenal OOP pada JavaScript

https://www.freecodecamp.org/news/learn-javascript-object-oriented-programming/

---

Penggunaan JSDoc untuk Typing pada JavaScript

https://dev.to/samuel-braun/boost-your-javascript-with-jsdoc-typing-3hb3

---

#firebase #jsdoc #oop

freeCodeCamp.org

Create Mobile Apps with Firebase

Firebase is an app development platform from Google that offers tools and services for building and scaling applications. It includes real-time databases, authentication, analytics, and hosting features. We just published a course on the freeCodeCamp...

669 views23:01

JavaScript Indonesia Channel

Referensi struktur project Next JS yang scalable

https://blog.logrocket.com/structure-scalable-next-js-project-architecture/

---

Membuat aplikasi fullstack JavaScript dengan Next JS dan Firebase

https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/

---

Membuat landing page dengan Next JS

https://dev.to/github20k/building-a-course-landing-page-with-nextjs-and-react-56kc

---

#react #nextjs #firebase

LogRocket Blog

How to structure scalable Next.js project architecture - LogRocket Blog

Learn to structure your Next.js project strategically to build an application that will scale up without any issues as your project grows.

908 views23:41

JavaScript Indonesia Channel

Latihan bersama Cand Dev membuat aplikasi Image Gallery dengan React JS dan Firebase

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…

830 views23:44

JavaScript Indonesia Channel

Cara menggunakan Tailwind CSS di Next JS

https://www.freecodecamp.org/news/how-to-set-up-tailwind-css-with-next-js/

---

Membuat aplikasi fullstack dengan Firebase dan Next JS 13

https://www.freecodecamp.org/news/create-full-stack-app-with-nextjs13-and-firebase/

#firebase #nextjs

freeCodeCamp.org

How to Set Up Tailwind CSS with NextJS

By Kelvin Moses Tailwind CSS is a popular utility-first CSS framework that offers a unique approach to building modern and responsive user interfaces. Unlike traditional CSS frameworks that provide pre-designed components, Tailwind CSS focuses on pr...

981 views00:55

JavaScript Indonesia Channel

Menggunakan Firebase Auth pada sosial login di React JS

https://www.freecodecamp.org/news/social-media-based-web-authentication-with-firebase/

#firebase #auth #social #react

freeCodeCamp.org

How to Set Up Social Media Web Authentication using Firebase

User authentication is extremely important in the context of web development. The way users log in affects their overall experience and engagement with an application. It also affects how they initially perceive it. Authentication techniques are cont...

485 views23:50

JavaScript Indonesia Channel

Latihan panjang membuat Google Drive Clone dengan Next JS dan Firebase Storage

https://www.freecodecamp.org/news/full-stack-web-development-by-building-a-google-drive-clone-nextjs-firebase/

#nextjs #freecodecamp #storage #firebase

freeCodeCamp.org

Full Stack Web Dev with Next.js & Firebase – Google Drive Clone

Are you ready to take your web development skills to the next level and learn a bit about how platforms like Google Drive work under the hood? We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to build a Goog...

920 views01:14

JavaScript Indonesia Channel

Membuat accordion component dengan React JS

https://www.sitepoint.com/react-js-accordion-component/

---

Belajar membuat tabs component di React JS

https://dev.to/josephciullo/mastering-react-design-patterns-creating-a-tabs-component-1lem

---

Optimasi performa build di Next JS

https://blog.logrocket.com/optimizing-build-performance-next-js/

---

Menggunakan Firebase Authentication di React JS

https://blog.logrocket.com/passwordless-authentication-firebase-react/

#react #nextjs #firebase #accordion #build

Sitepoint

How to Build an Accordion Component with React.js — SitePoint

In this step-by-step guide, you'll learn how to harness the full capabilities of React.js by creating an interactive accordion component.

759 views00:32

JavaScript Indonesia Channel

Latihan membuat Image Sliders di React JS bersama Web Dev Simplified

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

—-

Membuat aplikasi fullstack dengan React JS, Vite bundler, dan Firebase

https://dev.to/thebuildguy/building-an-entire-fullstack-project-with-firebase-10-and-react-vite-dfe

#react #vite #firebase #slider

YouTube

How To Create 3 Levels Of React Image Sliders - Beginner, Intermediate, Expert

React Simplified Course: https://reactsimplified.com/?utm_source=youtube&utm_medium=video-description&utm_campaign=video-id-Kx8XlKRBZx8

Image sliders and carousels are incredibly popular on the web but 99% of tutorials do them wrong. In this video I will…

498 views01:02

JavaScript Indonesia Channel

How to Host and Deploy a React App with Firebase

https://www.freecodecamp.org/news/how-to-deploy-a-react-app-with-firebase/

—-

React Router For Beginners - A Complete 2023 Guide
https://blog.openreplay.com/react-router-for-beginners--a-complete-2023-guide/

—-

Collaboration In Real Time With React And Node
https://blog.openreplay.com/collaboration-in-real-time-with-react-and-node/

—-

Using TanStack Query with Next.js

https://blog.logrocket.com/using-tanstack-query-next-js/

—-

Using React Styleguidist to collaborate on component design
https://blog.logrocket.com/using-react-styleguidist-collaborate-component-design/

#react #nextjs #firebase #deploy #tanstack #nodejs

freeCodeCamp.org

How to Host and Deploy a React App with Firebase

By Juliet Ofoegbu As a front-end developer, you may have used a free hosting platform like Vercel, Netlify, or GitHub pages to deploy your front-end projects. Personally, I typically use Vercel and Netlify. But I also like trying out different web te...

1.0K views23:22

JavaScript Indonesia Channel

React ⚛️ + Firebase 🔥 without useEffect

https://dev.to/bennycarlsson/react-firebase-without-useeffect-3g06

#react #firebase #useEffect

DEV Community

React ⚛️ + Firebase 🔥 without useEffect

How to initialise Firebase in ReactJS using the useSyncExernalStore() hook instead of...

558 views00:13

JavaScript Indonesia Channel

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

freeCodeCamp.org

Code and Deploy an Instagram Clone with React and Firebase

Creating an Instagram clone is a fun project that can help you master important front end development skills. We just published a course on the freeCodeCamp.org YouTube channel that teaches you how to create an Instagram clone using React and Fireb...

814 views23:31

JavaScript Indonesia Channel

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

freeCodeCamp.org

Beginner Web Dev Tutorial – Build a Weather App with Next.js & TypeScript

We just published a great beginner's web dev tutorial on the freeCodeCamp.org YouTube channel. By the end of this tutorial, you'll have a solid understanding of several core technologies, including Next.js, Tailwind CSS, and TypeScript, all while cre...

748 views22:55

JavaScript Indonesia Channel

React Chat App Full Tutorial 2024 | Realtime Chat Application Project with Firebase
https://www.youtube.com/watch?v=domt_Sx-wTY

#react #firebase #chat

YouTube

React Chat App Full Tutorial 2024 | Realtime Chat Application Project with Firebase

React real-time chat application using Firebase. React chat app project.
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

Join the upcoming React Master Course waitlist: https://list.lama.dev

If it is valuable to you, you can support…

409 views23:37

JavaScript Indonesia Channel

Creating a Navbar in React
https://www.sitepoint.com/creating-a-navbar-in-react/

—-

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

—-

5 Common Mistakes with useEffect
https://javascript.plainenglish.io/5-common-mistakes-with-useeffect-4475fa5bcfd3

—-

Type-Safe Fetch with Next.js, Strapi, and OpenAPI

https://medium.com/strapi/type-safe-fetch-with-next-js-strapi-and-openapi-4375fb924655

—-

5 React Interview Questions. I Bet the Senior Front-end Developer Can’t Answer
https://blog.stackademic.com/5-react-interview-questions-i-bet-the-senior-front-end-developer-cant-answer-91e2e56fba92

—-

It’s 2024, you should be using React Server Components already
https://itnext.io/its-2024-you-should-be-using-react-server-components-already-6cb24a7140a1

—-

#react #navbar #useEffect #strapi #firebase #chat

Sitepoint

Creating a Navbar in React — SitePoint

How to build a navbar in React, covering everything from design considerations to implementation and accessibility best practices.

469 views01:11

JavaScript Indonesia Channel

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

Alexkondov

How to Style a React Application

We don’t build web applications the same way we did a decade ago. We don’t think of pages, we think of components. We don’t pass data to the template to render…

504 views23:44

JavaScript Indonesia Channel

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

freeCodeCamp.org

Code and Deploy an Instagram Clone with React and Firebase

552 views23:18

JavaScript Indonesia Channel

How to Build a Realtime Chart with React, HighCharts, and Pusher
https://www.freecodecamp.org/news/how-to-build-a-realtime-chart-with-react-and-pusher/

—-

How to Use the useReducer Hook in React
https://www.freecodecamp.org/news/react-usereducer-hook/

—-

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

—-

7 React libraries you should know | Read this if you’re a React developer
https://bootcamp.uxdesign.cc/7-react-libraries-you-should-know-659920bd24e2

—-

#react #chart #library #strapi #firebase

freeCodeCamp.org

How to Build a Realtime Chart with React, HighCharts, and Pusher

In today's tutorial, you are going to learn about WebSockets and how you can use them to create interactive realtime data applications. To illustrate just how innovative real time technologies are, we will build a chart application which automatical...

961 views01:11

JavaScript Indonesia Channel

How to Add Firebase Authentication To Your NodeJS App

https://dev.to/permify/how-to-add-firebase-authentication-to-your-nodejs-app-2e68

#nodejs #firebase #auth

DEV Community

How to Add Firebase Authentication To Your NodeJS App

Security is an absolute must for any application, whether you are building a simple pet project or a...

464 views01:26

About

Blog

Apps

Platform