JavaScript Indonesia Channel

Faker Generate massive amounts of fake (but realistic) data for testing and development. https://fakerjs.dev/

How to Build a Marquee Component with React https://www.freecodecamp.org/news/how-to-build-a-marquee-component-with-react/ --- Why Virtual DOM: Render and Performance https://dev.to/sonaykara/why-virtual-dom-faster-rendering-and-performance-1cjh ---

How to Build an Online Image-to-PDF Converter with HTML, CSS, JS, and NodeJS https://www.freecodecamp.org/news/build-an-online-image-to-pdf-converter-with-html-css-js-nodejs/ --- Less Common HTML Elements and How to Use Them in Your Code https://www.freecodecamp.org/news/less-common-html-elements-and-how-to-use-them/ --- Top Free must have landing page templates 🤯 https://dev.to/paul_freeman/awesome-free-tailwind-landing-page-templates-2gnb

Keeping My Dev Machine Clean with Docker https://dev.to/granitebps/keeping-my-dev-machine-clean-with-docker-33fm

Stop Using Try-Catch: A Better Way to Handle Errors in JavaScript https://dev.to/richardshaju/stop-using-try-catch-a-better-way-to-handle-errors-in-javascript-14cm --- How to Write Better TypeScript Code: Best Practices for Clean, Effective, and Scalable Code https://dev.to/yugjadvani/how-to-write-better-typescript-code-best-practices-for-clean-effective-and-scalable-code-38d2 --- Top 10 Modern JavaScript Patterns for 2025 https://dev.to/balrajola/top-10-modern-javascript-patterns-for-2025-1hle --- JavaScript Memory Management and Optimization Techniques for Large-Scale Applications https://dev.to/shafayeat/javascript-memory-management-and-optimization-techniques-for-large-scale-applications-5e4a --- No more Try/Catch: a better way to handle errors in TypeScript https://dev.to/noah-00/no-more-trycatch-a-better-way-to-handle-errors-in-typescript-5hbd ---

Create a Dynamic Chat App in React—Without Starting from Scratch by Domain Specialist, Louis Sanna https://www.youtube.com/watch?v=UFdEoeG2OME

Center the bottom row when using grid auto-fit https://www.youtube.com/watch?v=HvhSEsFEsAg —- Responsive Portfolio Website using Html CSS + Source Code https://www.youtube.com/watch?v=ZQINUPh4bdc —-

Hidden alternative for Thunder client & Postman in VS Code https://www.youtube.com/watch?v=uJDdImS23qk

API CRUD Course in Spanish – Learn Node.js, Express, MongoDB, and Authentication https://www.freecodecamp.org/news/api-crud-course-in-spanish-learn-nodejs-express-mongodb-and-authentication/ —- How to Use Developer Tools to Debug JavaScript in the Browser https://www.freecodecamp.org/news/how-to-use-developer-tools-to-debug-javascript-in-the-browser/ —- How To Use Libraries Like A Senior Dev https://www.youtube.com/watch?v=_aqtgF1xM-o

How to Create an Automated Chatbot with OpenAI’s Assistant and Node.js https://javascript.plainenglish.io/how-to-create-an-automated-chatbot-with-openais-assistant-and-node-js-9b9aea0748a4

How to Customize the Shadcn UI Date Picker https://www.youtube.com/watch?v=R_7FX2gGiSY

Moving Tooltip Text on Mousemove | Javascript https://www.youtube.com/watch?v=FhkDXAGN6pM —- JavaScript Best Practices https://blog.jetbrains.com/webstorm/2024/10/javascript-best-practices-2024/?cmid=fe24b572-e416-4106-801c-1dd8717208bd

Conditional React hooks pattern https://robinmalfait.com/blog/conditional-react-hooks-pattern —- When to use redirect() vs. router.push() in Next.js https://darios.blog/posts/redirect-vs-router-push-in-nextjs —-

Node.js Frameworks Roundup 2024 — Elysia / Hono / Nest / Encore — Which should you pick? https://dev.to/encore/nodejs-frameworks-roundup-2024-elysia-hono-nest-encore-which-should-you-pick-19oj --- Top 10 Modern JavaScript Patterns for 2025 https://dev.to/balrajola/top-10-modern-javascript-patterns-for-2025-1hle

How to Use Developer Tools to Debug JavaScript in the Browser https://www.freecodecamp.org/news/how-to-use-developer-tools-to-debug-javascript-in-the-browser/ --- Web Storage API – How to Store Data on the Browser https://www.freecodecamp.org/news/web-storage-api-how-to-store-data-on-the-browser/ --- Design Patterns demystified with examples https://dev.to/joelbonetr/demystifying-design-patterns-45m3

React 18: Must-Know Features & Upgrades for Beginners https://dev.to/mukhilpadmanabhan/whats-new-in-react-18-must-know-features-upgrades-for-beginners-ldn

How to Secure JavaScript Applications: Common Vulnerabilities and Best Practices https://www.freecodecamp.org/news/how-to-secure-javascript-applications/

Functional Programming in TypeScript https://dev.to/aelassas/functional-programming-in-typescript-575j --- NestJS vs Encore.ts: Choosing the Right Framework for Your TypeScript Microservices https://dev.to/encore/nestjs-vs-encorets-choosing-the-right-framework-for-your-typescript-microservices-1g61 --- How to Validate File Inputs in TypeScript with Zod https://dev.to/drprime01/how-to-validate-a-file-input-with-zod-5739 ---

Zed: A Next-Gen Rust-Based Open Source Code Editor With AI —> https://news.itsfoss.com/zed-editor/

I Built a stunning chat app with React https://dev.to/kishansheth/i-built-a-stunning-chat-app-with-react-leo --- How to Use React's Context API – Tutorial with Examples https://www.freecodecamp.org/news/react-context-api-tutorial-examples/