JavaScript Indonesia Channel

Sanitising Your Git History https://levelup.gitconnected.com/sanitising-your-git-history-67558cbcc117 #git #history

The guide to Git I never had https://medium.com/@jake.page91/the-guide-to-git-i-never-had-a89048d4703a #git

Microsoft Copilot: How to use Copilot as a Software Developer https://www.youtube.com/watch?v=i32rKdtxPbI

Boost Productivity & Quality: Essential VS Code Extensions https://dev.to/saloniagrawal/boost-productivity-quality-essential-vs-code-extensions-18oj?context=digest #vscode #code #extensions

New in Chrome 124: setHTMLUnsafe, streams in WebSockets, and more https://www.youtube.com/watch?v=Io5d28IETrg #chrome #release

This Ancient CSS Feature Is Incredibly Useful https://www.youtube.com/watch?v=yYKX72xjFx8 —- Full Page Scroll Progress Indicator with CSS & Javascript https://www.youtube.com/watch?v=Ia9fbp1fNYg —- #css #progress #indicator #webdevsimplified

Get Selected Text with JavaScript: Quick & Easy Tutorial https://www.youtube.com/watch?v=db-yKV1_Ey4 #text #input #dcode

Sending Email Using Node.js https://www.sitepoint.com/sending-email-using-node-js/ —- This NodeJS Concept Every Backend Developer Should Know https://blog.stackademic.com/this-nodejs-concept-every-backend-developer-should-know-824b75ce6f2 —- Logging on NestJS like a Pro with Correlation IDs, Log Aggregation, Winston, Morgan and more https://medium.com/@jose-luis-navarro/logging-on-nestjs-like-a-pro-with-correlation-ids-log-aggregation-winston-morgan-and-more-d03e3bb56772 —- 10 Advanced TypeScript Tricks for Experienced Developers https://medium.com/@chandantechie/10-advanced-typescript-tricks-for-experienced-developers-2143e6aa8b38 —- #nodejs #email #concept #nest #logging #typescript

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

Back to Basics: Mastering State Management in Vanilla JavaScript https://medium.com/@asierr/back-to-basics-mastering-state-management-in-vanilla-javascript-e3be7377ac46 —- 9 common mistakes made by JavaScript programmers https://medium.com/@khushi1399gupta/9-common-mistakes-made-by-javascript-programmers-a3189ee4bdfa —- Combining Powers: Utilizing Inheritance with JavaScript Modules https://mysteryweevil.medium.com/combining-powers-utilizing-inheritance-with-javascript-modules-685f54c3456b —- A JavaScript Interview Question That 90% of People Get Wrong https://javascript.plainenglish.io/a-javascript-interview-question-that-90-of-people-get-wrong-0f2d59be3d3c —- #state #management #interview #inheritance #tips

How to Deploy an Express API to Vercel https://dev.to/sh20raj/how-to-deploy-an-express-api-to-vercel-36id #nodejs #express

JavaScript Arrow Functions vs Regular Functions https://www.freecodecamp.org/news/regular-vs-arrow-functions-javascript/ #arrow #function

React Server Components – How and Why You Should Use Them in Your Code https://www.freecodecamp.org/news/how-to-use-react-server-components/ --- How to Manually Deploy a React and TypeScript Project on Netlify https://www.freecodecamp.org/news/manually-deploy-a-react-and-typescript-project-on-netlify/ --- #react #typescript #server #component

Password Strength Checker in JavaScript https://youtu.be/VdFum-WBbS4?si=D_nuUohIemmfy8C4 --- Building an Offline-Enabled To-Do List Web App https://dev.to/sh20raj/building-an-offline-enabled-to-do-list-web-app-89j --- Finally Understand Responsive Design! https://dev.to/jaredcodes/finally-understand-responsive-design-3con --- #css #javascript #html #responsive #password #checker

How to Manually Deploy a React and TypeScript Project on Netlify https://www.freecodecamp.org/news/manually-deploy-a-react-and-typescript-project-on-netlify/ --- Build Own version of Redux toolkit using Observer design pattern. https://dev.to/raselmahmuddev/build-own-version-of-redux-toolkit-using-observer-design-pattern-3ib4 --- #react #deploy #redux

Immutability in JavaScript – Explained with Examples https://www.freecodecamp.org/news/immutability-in-javascript-with-examples/ --- How to Use If Statements in JavaScript – a Beginner's Guide https://www.freecodecamp.org/news/if-statements-javascript/ #immutability #if #else

How to Use New CSS Features to Build a Progress Indicator https://www.freecodecamp.org/news/use-new-css-features-to-build-a-progress-indicator/ #css #feature #progress #indicator

Mastering Tailwind CSS Customization https://dev.to/mario130/mastering-tailwind-css-customization-j5c --- Creating an animated loading spinner with pure CSS https://dev.to/peboy/creating-an-animated-loading-spinner-with-pure-css-24h0 --- Creating a textarea character limit indicator https://dev.to/sarahokolo/creating-a-textarea-character-limit-indicator-5fol #tailwind #css #limit #textarea #spinner #loading

How to Use React Suspense to Improve your React Projects https://www.freecodecamp.org/news/react-suspense/ --- React State vs Refs – Differences and Use Cases https://www.freecodecamp.org/news/react-state-vs-ref-differences-and-use-cases/ --- How to Build a Marquee Component with React https://www.freecodecamp.org/news/how-to-build-a-marquee-component-with-react/ #react #marque #state #suspense

How to Protect State in Pinia https://dev.to/jackdomleo7/how-to-protect-state-in-pinia-131o #pinia #vue