Cubode’s Post

#Day46 of #100DaysOfCode100 🪶Revised Vertical Order Level Traversal. 🚀 Did GFG Top view of a Binary Tree. 🧑💻 Worked on the Backend Project. ✍️ Integrated Open AI APIs in my Frontend Project. ✅ Added the Page Language Translation Feature. Sharing my learnings as I progress towards becoming a better frontend web developer. Stay tuned for more! #reactjs #javascript #frontend #webdevelopment #datastructures #algorithms #leetcode

🌐 #JavaScript: Use the Intersection Observer API for efficient scroll events! 📜 The Intersection Observer API allows you to efficiently detect when an element is in the viewport, making it perfect for lazy-loading images, infinite scrolling, and more. . . Found this useful? 👇 👇 ✅ Turn on your 🔔 NOTIFICATIONS 🔔 and LEARN consistently! . . . . . . #websitedesigner #webdesigners #webdesigns #designweb #javascript #javascriptdeveloper #javascripts #javascripttutorial #javascriptdevelopers #javascriptlearning #learnjavascript #softwaredeveloper #js #artificialintelligence #ai #programmerlife #codingbootcamp #softwaredevelopment #100daysofcode #programminglife #developerlife #fullstackdeveloper #webdev #programmerslife #devlife #developerslife #codelife #frontenddev #webproject . .

I embarked on the journey to earn my frontend development certification in linked in . Just finished the course "HTML,CSS, and Generative AI : Speed Up Your Process"! #generativeai #frontenddvelopment

🌐 Transform your React apps into conversational wonders with NLUX. Start today! Read more: https://lnkd.in/diM4aV87 #ai #aichatbots #aichatbot #reactdevelopment #reactdevelopment #reactjs #react #javascript #javascriptdeveloper #javascriptprogramming

Do you ever wondered that why can't we use async functions directly at useEffect callback ? 🤔 useEffect is hook that allows us to perform side effects in our functional components. This includes like data fetching, DOM manipulation etc. useEffect take two argument 1️⃣ a callback function 2️⃣ a dependency array (can be empty as well, but required) ex: useEffect( () => { }, [ ]); Now as we are fetching some data that might take some time then, useEffect callback must be async function. But we can't declare the callback function 'async' because, useEffect expects that callback function to be synchronous and return either nothing or a cleanup function (optional). If we declare the useEffect callback as 'async' that means it returns a promise and React won't be able to handle this promise correctly within it's internal lifecycle management. React uses this pattern to manage the lifecycle of side effects and ensure that they are executed at the right times. However, we can't declare the useEffect callback function itself as 'async'. But we can still use 'async/await' within this callback function like useEffect(() => { async function getData(){ }; getData(); }, [ ]); ⬇️ Don't forgot to comment you POV on this and share to others. Let's learn together and grow together. 👨💻 Connect with Gagan Saini (me) for more! PS: Do you know the use of this dependency array in useEffect ? #react #reactjs #useEffect #hooks #coding #webdevelopment #mern

🚀 Excited to take my development game to the next level with Convex! 🎉 Thanks to JavaScript Mastery I discovered Convex.dev, a full-stack TypeScript platform that simplifies backend development. With real-time data synchronization, built-in ACID transactions, and seamless integration with AI APIs, it’s never been easier to build scalable and efficient web applications. If you’re a developer looking to streamline your backend operations and focus more on delivering value to your users, I highly recommend checking out Convex! #WebDevelopment #TypeScript #AI #JSDev #Innovation #TechSolutions #JavaScript #MERN #NextJS #ReactJS #FrontendDevelopment #BackendDevelopment #SoftwareEngineering #SoftwareDevelopment

If you'd also like to dive into the world of Convex (like Syed!), take a look at our latest 5.5hr YouTube tutorial where you can code along to build a Podcast Platform with AI features from start to finish! 🔥 ➡️ https://lnkd.in/gGMR5iu6

🌐 Transform your React apps into conversational wonders with NLUX. Start today! Read more: https://lnkd.in/d9hxBEUz #ai #aichatbots #aichatbot #reactdevelopment #reactdevelopment #reactjs #react #javascript #javascriptdeveloper #javascriptprogramming

Game Over! Introducing v0.dev by Vercel Labs v0 is a generative user interface system by Vercel Labs powered by AI. It generates copy-and-paste friendly React code based on Shadcn UI and Tailwind CSS. Need a component? Just Ask - https://v0.dev/ GitHub: https://lnkd.in/gN9s6HQ6 Portfolio: https://shafin.tech/ #react #nextjs #frontend #webdevelopment #javascript #programming #developer #coding #webdeveloper #technology #softwaredeveloper #reactjs #reactdeveloper #reacthooks #reactproject #props #components #learning #nextjs13 #ai #vercelai

Another day of the Building an AI Agent in 30 days challenge at Cubode! 🚀 Today, we delve into frontend development, sharing our insights on: 🔹 Why WebComponents are the optimal choice for constructing AI Applications' frontend in 2024 🔹 Step-by-step guidance on How to Define WebComponents with Vanilla JavaScript! Read more here 👇 #frontend #aiframework #ai #buildinginpublic