JavaScript Indonesia Channel

How to Join the freeCodeCamp Discord Server and Chat with Fellow Campers https://www.freecodecamp.org/news/how-to-join-the-freecodecamp-discord-server-and-chat-with-fellow-campers/ #discord #freecodecamp

How to Use Shadcn with Next.js 14 https://www.freecodecamp.org/news/shadcn-with-next-js-14/ --- How to Implement Dynamic Segments with useParams in React Router https://www.freecodecamp.org/news/use-dynamic-segments-in-react-router/ --- Zustand vs useState – How to Manage State in React Apps https://www.freecodecamp.org/news/zustand-vs-usestate-how-to-manage-state-in-react/ --- How to Handle Errors in React Applications https://www.freecodecamp.org/news/effective-error-handling-in-react-applications/ -- Getting Started with React-Helmet: A Beginner's Guide https://dev.to/nnnirajn/getting-started-with-react-helmet-a-beginners-guide-1pcd --- #react #nextjs #shadcdn #error #segment #url

Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion https://www.youtube.com/watch?v=FTH6Dn3AyIQ —- Why is Setting Up Next.js with Supabase So Easy with the Founder of Mindroid, Malith Priyashan https://www.youtube.com/watch?v=OhhRMyYz2Ec #nextjs #react #portfolio #javascriptMastery #supabase

5 Ways to Create Arrays in JavaScript https://www.youtube.com/watch?v=U2kEfLKMYsU —- Understanding SOLID Principles in JavaScript and Node.js https://codewithpawan.medium.com/understanding-solid-principles-in-javascript-and-node-js-9abb09760049 —— Learn JavaScript with Clear Explanations https://www.freecodecamp.org/news/learn-javascript-with-clear-explanations/ —- Blood Text Effects | CSS & Javascript https://www.youtube.com/watch?v=jGrIqCK-umA #css #array #javascript #learning #solid

17 Best Developer Productivity Tools to Try https://dev.to/shohams/17-best-developer-productivity-tools-to-try-1a2a #dev #tools

20+ DOM Projects: Your Frontend Breakthrough! https://dev.to/jisan/20-dom-projects-your-frontend-breakthrough-1h8a --- Creating Global Styles for your Web App https://dev.to/mirzaleka/creating-global-styles-for-your-web-app-3gcc --- Web Animation Techniques – CSS vs JavaScript https://www.freecodecamp.org/news/web-animation-css-vs-javascript/ --- innerHTML vs innerText vs textContent – What's the Difference? https://www.freecodecamp.org/news/innerhtml-vs-innertext-vs-textcontent/ --- nth-child() vs nth-of-type() Selectors in CSS – What’s the Difference? https://www.freecodecamp.org/news/nth-child-vs-nth-of-type-selector-in-css/ --- #html #css #dom

How to Create a React Chatbot – a Step by Step Guide https://www.freecodecamp.org/news/how-to-create-a-react-chatbot/ —— Zustand vs useState – How to Manage State in React Apps https://www.freecodecamp.org/news/zustand-vs-usestate-how-to-manage-state-in-react/ —- How to Handle Events in React – Explained with Code Examples https://www.freecodecamp.org/news/how-to-handle-events-in-react-19/ —- #react #nextjs #chatbot #state

37 Tips from a Senior Frontend Developer https://dev.to/_ndeyefatoudiop/37-tips-from-a-senior-frontend-developer-251b #tips #dev

JavaScript — What’s new with ECMAScript® 2024 (ES15) — In Depth Guide https://medium.com/@yourfuse/javascript-whats-new-with-ecmascript-2024-es15-ef056d2f4bf1 —- 25 JavaScript One-Liner that will help you code like a pro 🎯 !! https://medium.com/@sharadokey/25-javascript-one-liner-that-will-help-you-code-like-a-pro-267843d66d67 —- #es2024 #oneliner

Avoid these 5 beginner CSS mistakes https://www.youtube.com/watch?v=P4oOR4frV_4 #css #mistakes

Meme Monday https://dev.to/ben/meme-monday-hc2

Advanced Secure Password Generation https://blog.openreplay.com/advanced-secure-password-generation-with-javascript/ #password #generator

Git Config: A Beginner's Guide with Advanced Tips https://dev.to/mrtrom/git-config-a-beginners-guide-with-advanced-tips-393f #git #config

New in Chrome 125: CSS anchor positioning, Compute Pressure API and more https://www.youtube.com/watch?v=-mHx9MlXdIw #chrome #release

Web Typography -- The Impact Of Variable Fonts https://blog.openreplay.com/web-typography--the-impact-of-variable-fonts/ #typography #font

2D to 3D Image Hover Effects | CSS & Javascript https://www.youtube.com/watch?v=wDFvPO4Qzx8 — The novel way to center vertically https://marian-caikovski.medium.com/the-novel-way-to-center-vertically-28e122884bba #hover #image #effects #css

I Recreated Shadcn’s Docs In 30 Minutes With This Amazing Tool https://www.youtube.com/watch?v=5pq80drDrNs —- React 19 is here! Let’s learn it! https://weijunext.medium.com/react-19-is-here-lets-learn-it-56eb22fe3a50 —- How to Create a Responsive Timeline Component in React https://medium.com/weekly-webtips/how-to-create-a-responsive-timeline-component-in-react-8086ff9fcd35 —- How To Create Tabs Component With React & Context API https://levelup.gitconnected.com/how-to-create-tabs-component-with-react-context-api-67839462aabc —- Optimizing Performance in Next.js Using Dynamic Imports https://dev.to/bolajibolajoko51/optimizing-performance-in-nextjs-using-dynamic-imports-5b3 --- Snappy UI Optimization with useDeferredValue https://www.joshwcomeau.com/react/use-deferred-value/ #react #nextjs #tabs #context #timeline #deferred

No Need For Nodemon: Native File Watching In Node.Js https://blog.openreplay.com/no-need-for-nodemon--native-file-watching-in-node/ —- Four Ways Of Caching Node.JS APIs For High Performance https://blog.openreplay.com/four-ways-of-caching-nodejs-apis-for-high-performance/ —— #nodejs #cache #watch

Join the Gemini API Developer Competition, win prizes https://www.youtube.com/watch?v=_cZa_7KaQ3c

10 updates from Google I/O 2024: Unlocking the power of AI for every web developer https://developer.chrome.com/blog/web-at-io24?utm_source=twitter&utm_medium=organicsocial&utm_campaign&utm_content&linkId=9844208 #googleIO