JavaScript Indonesia Channel

8 Frontend Tools to Become a Better Developer https://medium.com/@hii_mohit/8-essential-tools-for-frontend-developers-in-2024-f2bdefe2f253 #tools

33 Concepts Every JavaScript Developer Should Know https://medium.com/@codingwinner/33-concepts-every-javascript-developer-should-know-ef225a72ed7f #concept #js

5 Reasons Why Your Side Projects Are Failing https://www.youtube.com/watch?v=EJRRjFvOg_I #sideProject

25 Open Source AI Tools to Cut Your Development Time in Half https://dev.to/kitops/25-open-source-ai-tools-to-cut-your-development-time-in-half-4h5j?context=digest —- #tools #opensource #ai

How to Write Components that Work in Any Framework https://www.freecodecamp.org/news/write-components-that-work-in-any-framework/ --- How to Call an API in JavaScript – with Examples https://www.freecodecamp.org/news/make-api-calls-in-javascript/ --- Practicing politeness in JavaScript code https://dev.to/silentwatcher_95/practicing-politeness-in-javascript-code-535g --- How JavaScript’s Asynchronous Operations Work in the Browser https://www.freecodecamp.org/news/javascript-asynchronous-operations-in-the-browser/ --- Explanation of SOLID in OOP https://dev.to/chauhoangminhnguyen/explanation-of-solid-in-oop-2bjb #component #solid #async #nodejs #http

How to Write Clean Code – Tips and Best Practices (Full Handbook) https://www.freecodecamp.org/news/how-to-write-clean-code/ #cleancode #tips

How To Create QR Codes With JavaScript https://www.youtube.com/watch?v=X6MFUagtKiQ —— Create Arrays From Iterables — Array From — JavaScript In 2 Minutes https://www.youtube.com/watch?v=UW2N8IE6HlE —- The Hidden Agenda Behind Using Semicolons in JavaScript https://javascript.plainenglish.io/the-hidden-agenda-behind-using-semicolons-in-javascript-3c31e40c454a #qrcode #array #semicolons

Prisma Schema Broke My Next.js Form https://www.youtube.com/watch?v=3uoQUAiGMlg #prisma #nextjs

12 easy SEO Tips Every Developer Should Know https://dev.to/acidop/12-easy-seo-tips-every-developer-should-know-52k3?context=digest #seo

10 essential tips to supercharge VS Code and code faster (0 to 100) https://medium.com/coding-beauty/vscode-upgrade-tips-246481c27e8e #vscode #tips

Top 20 Glassmorphism Effects for Website Using HTML CSS & JavaScript https://www.youtube.com/watch?v=NlHAyKHpNfY —- HTML Elements? Nah, I Styled My Face With CSS https://www.youtube.com/watch?v=U3M5cWxNXWU —- #html #css #js

Git Commit Guidelines You Might Overlook https://levelup.gitconnected.com/git-commit-guidelines-you-might-overlook-fcd428c36577 #git

Top 10 CSS one-liners I love to use https://levelup.gitconnected.com/top-10-css-one-liners-i-love-to-use-faf823e1f0c0 —- New HTML <dialog> tag: An absolute game changer https://medium.com/coding-beauty/html-dialog-tag-f3edf6d02413 #css #html #dialog

17 Libraries to Become a React Wizard https://dev.to/copilotkit/17-libraries-to-become-a-react-wizard-1g6k?context=digest —- Comprehensive React.js Cheatsheet for Developers https://dev.to/raajaryan/comprehensive-reactjs-cheatsheet-for-developers-17e4?context=digest —- 7 Best Practices for ReactJS Development in 2024 https://dev.to/vyan/7-best-practices-for-reactjs-development-in-2024-1a6e?context=digest —- useActionState — A New Hook in React 🎉 https://dev.to/random_ti/useactionstate-a-new-hook-in-react-5blm?context=digest —- React Custom Hooks vs. Helper Functions - When To Use Both https://dev.to/andrewbaisden/react-custom-hooks-vs-helper-functions-when-to-use-both-2587?context=digest —- Building a CRUD Application with the MERN Stack: A Step-by-Step Guide https://dev.to/muhammedshamal/building-a-crud-application-with-the-mern-stack-a-step-by-step-guide-5d16?context=digest —- #react #hooks #mern #nextjs #state #cheatsheet

Add a Copy To Clipboard Button to Your Website With HTML, CSS & JavaScript https://www.youtube.com/watch?v=Aw2NT4EDO3M —- The 5 most transformative JavaScript features from ES13 https://medium.com/coding-beauty/best-es13-js-features-f4517fffddc7 — This is how functional try-catch transforms your JavaScript code https://medium.com/coding-beauty/functional-try-catch-javascript-f21885cc2e64 —- Has the JavaScript Event Loop Changed? Are There No More Macro-tasks? Let’s See What’s New https://medium.com/@haiou-a/has-the-javascript-event-loop-changed-are-there-no-more-macro-tasks-lets-see-what-s-new-8e80521837e1 —- #es13 #eventloop #trycatch #clipboard #button

PHP ranking drops to an all-time low https://levelup.gitconnected.com/php-ranking-drops-to-an-all-time-low-98dc5843efd8 #nophp

React design pattern: The render prop https://javascript.plainenglish.io/react-design-pattern-the-render-prop-208f37f9ec2e —- 10 Expert Performance Tips Every Senior React JS Developer Should Master https://sohitmishra.medium.com/10-expert-performance-tips-every-senior-react-js-developer-should-master-bee2dd59ded0 —- Integrate GitHub OAuth With Auth.js in Next.js 14 https://javascript.plainenglish.io/integrate-github-oauth-with-auth-js-in-next-js-14-c618049c539f —- Sneaky React Memory Leaks: How the React compiler won't save you https://schiener.io/2024-07-07/react-closures-compiler —- The React useRef Hook: Not Just for DOM Elements https://dev.to/opensauced/the-react-useref-hook-not-just-for-html-elements-3cf3 —- Path To A Clean(er) React Architecture (Part 7) https://profy.dev/article/react-architecture-domain-logic —- Learn Suspense by Building a Suspense-Enabled Library https://www.bbss.dev/posts/react-learn-suspense/ —- The Dark Side of useEffect in React https://levelup.gitconnected.com/the-dark-side-of-useeffect-in-react-5edd9e97cabf —- #react #nextjs #suspense #hook

How to Make Your TypeScript Code More Elegant https://javascript.plainenglish.io/how-to-make-your-typescript-code-more-elegant-73645401b9b1 —- Typescript Was A Mistake https://andrewzuo.com/typescript-was-a-mistake-be68adeafc0d —- Deep Dive into TypeScript’s Keyof Operator for Safer and More Flexible Code https://javascript.plainenglish.io/deep-dive-into-typescripts-keyof-operator-for-safer-and-more-flexible-code-f5bf678d1a0b —- Angular Tips & Tricks: Initialize SignalStore from Resolver https://itnext.io/angular-tips-tricks-initialize-ngrx-signalstore-from-resolver-738c9ff58369 —- Angular Signals: Best Practices https://medium.com/@eugeniyoz/angular-signals-best-practices-9ac837ab1cec —- #angular #typescript

100% Code Coverage Is Useless https://www.youtube.com/watch?v=Zs2IpqHzchw #testing #coverage

Node.js is Not Single-Threaded https://dev.to/evgenytk/nodejs-is-not-single-threaded-29o1 #nodejs #thread