JavaScript Indonesia Channel

How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases) https://dev.to/syakirurahman/how-to-start-setup-a-react-project-in-2024-7-different-ways-based-on-use-cases-8b6 --- How to Style React Components https://www.freecodecamp.org/news/how-to-style-react-components/ --- CSS in React Server Components https://www.joshwcomeau.com/react/css-in-rsc/ --- State Management in React – When and Where to use State https://www.freecodecamp.org/news/react-state-management/ --- How to Use the SWR Library for Better Data Fetching in React https://www.freecodecamp.org/news/swr-library-for-data-fetching-in-react/ --- #react #nextjs #state

Pre-allocate arrays to make Javascript fast https://dev.to/alexander-nenashev/always-pre-allocate-arrays-in-javascript-pfc --- Mastering Conditional Logic in JavaScript: If/Else, Ternary Operator, and Switch https://javascript.plainenglish.io/mastering-conditional-logic-in-javascript-if-else-ternary-operator-and-switch-4dfd86df906d --- #array #logical #ternary

AI Tools You Can Use in Visual Studio Code Besides GitHub Copilot https://www.freecodecamp.org/news/ai-tools-to-use-in-vs-code/ #code #ai #copilot

Canva Create: Work Redesigned https://www.youtube.com/watch?v=iFRqvj8TyQU

NestJS Integration Tests with Testcontainers https://javascript.plainenglish.io/nestjs-integration-tests-with-test-containers-0fda3264dbb6 #nodejs #nest #testing

Documentation Libraries to Help You Write Good Docs https://www.freecodecamp.org/news/documentation-libraries-to-help-you-write-good-docs/ #docs #documentation

What's new in Canva https://www.canva.com/whats-new

Automating Mirroring Between Bitbucket and GitHub https://dev.to/abusithik/automating-mirroring-between-bitbucket-and-github-40e8 #git

How TypeScript Type Predicates Enhance Code Safety https://dev.to/sachinchaurasiya/how-typescript-type-predicates-enhance-code-safety-19o2 #typescript #enhance #code #safercy

Angular and Supabase Course – Build a Realtime Chat Application https://www.youtube.com/watch?v=Dg7bZUFopUo #angular #supabase

How to Create a Banner — React, Tailwind CSS & TypeScript Tutorial https://www.youtube.com/watch?v=91lAXy520rU #react #tailwind #typescript #css #banner

What's new in JavaScript Frameworks (May 2024) https://developer.chrome.com/blog/frameworks-may-2024 #release

Microsoft Build 2024: Everything Revealed in 9 Minutes https://www.youtube.com/watch?v=w1EepB0mCbE

The JavaScript Class Handbook – Complete Guide to Class Fields and the Super Keyword https://www.freecodecamp.org/news/javascript-class-handbook/ #handbook

Web Scraping Fundamentals with Puppeteer and Node https://dev.to/tomiloba2/web-scraping-fundamentals-with-puppeteer-and-node-49ke --- How to Use OpenTelementry to Trace Node.js Applications https://www.freecodecamp.org/news/how-to-use-opentelementry-to-trace-node-js-applications/ --- Asynchronous Programming in JavaScript – Callbacks, Promises, & Async/Await Examples https://www.freecodecamp.org/news/asynchronous-programming-in-javascript-examples/ --- How to document your JavaScript package https://deno.com/blog/document-javascript-package --- #nodejs #puppeteer #deno #async #await

Next.js E-Commerce App Full Tutorial with the Best Headless Solution https://www.youtube.com/watch?v=I0BOUiFe9WY —- How To Generate PDFs In A React App https://blog.openreplay.com/how-to-generate-pdfs-in-a-react-app/ —- Monitoring Third Party Dependencies In React Projects https://blog.openreplay.com/monitoring-third-party-dependencies-in-react-projects/ —- Understand React Hooks With These Visual Guide Cheatsheets https://blog.openreplay.com/understand-react-hooks-with-these-visual-guide-cheatsheets/ —- Using the ResizeObserver API in React for responsive designs https://blog.logrocket.com/using-resizeobserver-react-responsive-designs/ —- htmx vs. React: Choosing the right library for your project https://blog.logrocket.com/htmx-vs-react/ —- Exploring Remix Vite support and other v2.20 and v7 changes https://blog.logrocket.com/exploring-remix-vite-other-breaking-changes/ —- Caching in Next.js with unstable_cache https://blog.logrocket.com/caching-next-js-unstable-cache/ —- How to Secure Routes in Next.js 13 – Client-Side, Server-Side, and Middleware-Based Protection https://www.freecodecamp.org/news/secure-routes-in-next-js/ --- How to Use React Hooks – useEffect, useState, and useContext Code Examples https://www.freecodecamp.org/news/react-hooks-useeffect-usestate-and-usecontext/ --- Unlocking how Socket.io can boost your React app's real-time capabilities https://dev.to/gboladetrue/unlocking-how-socketio-can-boost-your-react-apps-real-time-capabilities-1542 #nextjs #ecommerce #nodejs #react #hooks #routes

Playwright vs Puppeteer: Choosing the Right Browser Automation Tool in 2024 https://medium.com/front-end-weekly/playwright-vs-puppeteer-choosing-the-right-browser-automation-tool-in-2024-d46d2cbadf71 —- Hot Interview Question: Node.js is Single-Threaded or Multithreaded? https://javascript.plainenglish.io/hot-interview-question-node-js-is-single-threaded-or-multithreaded-37145ce818bc #nodejs #puppeteer #playwright

@ProgrammerHumor Microsoft is evil

Learn JavaScript with Clear Explanations https://www.freecodecamp.org/news/learn-javascript-with-clear-explanations/ --- Javascript Patterns in ES6 https://medium.com/front-end-weekly/javascript-patterns-in-es6-872d7fa18e14 --- How to Comment Your JavaScript Code https://www.freecodecamp.org/news/comment-your-javascript-code/ --- What are Falsy Values in JavaScript? Explained with Examples https://www.freecodecamp.org/news/what-are-falsey-values-in-javascript/ --- Implement Advanced Chart Types like Heatmaps and Contour Plots https://dev.to/tooljet/implement-advanced-chart-types-like-heatmaps-and-contour-plots-3h1f --- #learning #chart #falsy

Reverting File Changes in Git: A Comprehensive Guide https://dev.to/mochafreddo/reverting-file-changes-in-git-a-comprehensive-guide-80i #git