Learn JavaScript™

Configuring Firebase SDK and Firebase Functions in Node JS

https://medium.com/enappd/firebase-admin-sdk-setup-and-functions-using-node-js-39e71fd6d254

#firebase #nodejs

280 views01:21

March 16, 2022

Building Authentication and CRUD apps with Firebase SDK and React by Lama Dev

https://youtu.be/D9W7AFeJ3kk

#lamaDev #react #firebase‌‌

356 views02:21

April 24, 2022

Handling Bootstrap integration with Next.js - LogRocket Blog

Bootstrap CSS integration into Next JS

https://blog.logrocket.com/handling-bootstrap-integration-next-js/

---

Using Form validation in Next JS

https://blog.logrocket.com/form-validation-next-js-netlify/

---

Adding animations with the animxyz library to React JS

https://blog.logrocket.com/animate-react-app-animxyz/

---

Build a chat app with React and Firebase

https://blog.logrocket.com/how-to-build-chatroom-app-react-firebase/

#react #nextjs #firebase #bootstrap #animation

LogRocket Blog

Explore how to use Bootstrap's capabilities in a Next.js app, and analyze the most common issue that occurs when using Bootstrap JavaScript features.

264 views04:29

July 10, 2022

Host a NestJS App on Firebase Functions: The Complete Guide

Deploy a Nest JS app to a Firebase Functions service

https://javascript.plainenglish.io/nestjs-with-firebase-the-complete-guide-aa0ade41cdef

#firebase #nest

Medium

A step-by-step guide on hosting a NestJS application on Firebase Functions, using Firebase Authentication and Firestore.

276 views11:20

August 26, 2022

Firebase 9: A Breath of Fresh Air for the AngularFire App

Using Angular with Firebase 9 with the help of the Angularfire library

https://javascript.plainenglish.io/firebase-9-a-breath-of-fresh-air-for-the-angularfire-app-c6d80c1260b2

#library #angular #firebase

Medium

Migration guide to the new tree-shakable API

264 views11:20

August 30, 2022

Allright then gang, Net Ninja released an exercise using the Supabase cloud service as a ready-to-use cloud database. With a case example of creating a JavaScript and CRUD-based web application to Supabase.

https://www.youtube.com/watch?v=ydz7Dj5QHKY&list=PL4cUxeGkcC9hUb6sHthUEwG7r9VDPBMKO&index=1&t=6s

#netninja #supabase #firebase

Supabase Tutorial #1 - What is Supabase?

Hey gang, in this first Supabase tutorial we'll take a look at what Supabase is & what we'll be making in the rest of the series.

🐱‍💻 Access the course files on GitHub:
https://github.com/iamshaunjp/Supabase-Tutorial-for-Beginners

🐱‍💻 React Complete Tutorial…

283 views14:35

September 3, 2022

CRUD - React and Google Firebase

CRUD - React and Google Firebase

https://dev.to/emhat098/crud-react-and-google-firebase-214j

#react #firebase #nextjs
#javascript

DEV Community 👩‍💻👨‍💻

Hi, It's me again. In this post, I share to you how can I manage or CRUD the file in google firebase...

333 views14:53

September 28, 2022

Developed by Ed exercise on installing Authentication system in React JS with Firebase

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

#react #auth #firebase

Add Auth to your React Project EASILY Tutorial

🚀 Upgrade your web development skills with my courses: https://developedbyed.com/

💻 Download the project files here
https://github.com/developedbyed/react-auth-firebase

In today's episode we will learn how to add auth to our react application. We will…

294 views14:35

October 4, 2022

Build a CRUD app with React and Firebase

Building CRUD apps with React JS and Firebase Database

https://blog.openreplay.com/build-a-crud-app-with-react-and-firebase/

—-

Lazy loading feature implementation in React JS

https://dev.to/franklin030601/lazy-loading-in-images-with-react-js-4enm

—-

Using Firebase databases for React JS apps

https://www.freecodecamp.org/news/how-to-use-the-firebase-database-in-react/

—-

Setting types in TypeScript in React JS

https://levelup.gitconnected.com/managing-types-in-react-typescript-the-right-way-fa1ecc50a2bf

#react #crud #firebase #lazyloading

Openreplay

Create a complete app, front- and back-end, with React and Firebase

255 views14:50

October 27, 2022

Build real time apps with React JS and Firebase Database

https://www.freecodecamp.org/news/building-a-real-time-chat-app-with-reactjs-and-firebase/

#firebase #react #nodejs

How to Build a Real-time Chat App with ReactJS and Firebase

By Timonwa Akintokun In this article, I'm going to show you how to build a real-time chat app using React.js and Firebase. In the app, we will allow the user to log in with their Google account using Firebase's Google sign-in Authentication. We will...

394 views10:25

January 28, 2023

How to Build a Real-time Chat App with ReactJS and Firebase

337 views10:30

January 28, 2023

Vue skills to master in 2023

Some tips on using Vue JS in 2023

https://medium.com/vue-mastery/vue-skills-to-master-in-2023-3d266c705f81

----

Using Firebase Auth inside Nuxt JS

https://medium.com/codex/using-firebase-in-nuxt3-the-right-way-bebbb6d8c4dd

----

Using SVG image assets in Vue JS 3

https://javascript.plainenglish.io/how-to-use-svg-elegantly-in-vue-js-b79e43510b35

——

#vue #nuxt #skill #svg #firebase

Medium

This is your year to reach mastery and stay there. Check out the guide of Vue topics, tools and trends to stay on top of for 2023.

237 views10:55

January 30, 2023

Freecodecamp's lengthy exercise created a Reddit clone app with React JS , Chakra UI, and Firebase Database

https://www.freecodecamp.org/news/code-a-reddit-clone-with-react-and-firebase/

----

Using the Vite bundler with React JS

https://medium.com/@s_eschweiler/vite-react-the-ultimate-combination-for-fast-project-setup-b571adcb3f7

----

Use GPT Chat to code React JS components

https://medium.com/codingthesmartway-com-blog/generate-react-components-from-javascript-code-with-chatgpt-c2957dd4a04f

----

Long practice of creating an image generator app with React JS and Open AI

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

----

#chatgpt #firebase #clone #reddit #react #nextjs #openAI

Code a Reddit Clone with React and Firebase

Coding a Reddit clone is a great project to help you learn a bunch of different programming skills and technologies. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to code a Reddit clone using React, Fireba...

259 views11:35

January 30, 2023

Using Firebase Auth on social login in React JS

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

#firebase #auth #social #react

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...

541 views11:36

September 4, 2023

Long practice creating a Google Drive Clone with Next JS and Firebase Storage

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

#nextjs #freecodecamp #storage #firebase

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...

295 views11:40

September 11, 2023

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

Creating an accordion component with React JS

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

---

Learn to create a tabs component in React JS

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

---

Build performance optimization in Next JS

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

---

Using Firebase Authentication in React JS

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

#react #nextjs #firebase #accordion #build

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.

883 views05:10

September 25, 2023

Practice creating Image Sliders in React JS with Web Dev Simplified

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

—-

Created a fullstack application with React JS, Vite bundler, and Firebase

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

#react #vite #firebase #slider

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…

267 views11:11

October 15, 2023

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

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.2K views11:45

October 27, 2023

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

https://www.youtube.com/watch?v=domt_Sx-wTY

#react #firebase #chat