JavaScript Indonesia Channel

React State vs Refs – Differences and Use Cases https://www.freecodecamp.org/news/react-state-vs-ref-differences-and-use-cases/ --- How to Dockerize a React Application https://dev.to/sh20raj/how-to-dockerize-a-react-application-19kc --- Data Flow in Redux Explained – A State Management Handbook https://www.freecodecamp.org/news/how-data-flows-in-redux/ --- React vs. Next.js: The Ultimate Guide for Modern Web Development in 2024 https://dev.to/vyan/react-vs-nextjs-the-ultimate-guide-for-modern-web-development-in-2024-4j0k --- #state #refs #nextjs #react #redux #docker #guide

What's new in developer trends in 2024? https://dev.to/bengreenberg/whats-new-in-developer-trends-in-2024-138b --- Learn System Design Principles and Prepare for an Job Interview https://www.freecodecamp.org/news/learn-system-design-principles/ --- #dev #trends #systemDesign

NGINX for Backend Developers https://www.freecodecamp.org/news/nginx/ #nginx

How to add a custom cursor to Chrome https://www.youtube.com/watch?v=QYgKhYbJFUU —- Turn Any Value Into a Boolean in JavaScript (In 2 Mins) https://www.youtube.com/watch?v=XwJ3LGzjLFY —- 3 underused CSS Grid features https://www.youtube.com/watch?v=ciuZJE74wBA —- CSS 3D Text Animation Effects https://www.youtube.com/watch?v=U2JghEkssGA —- #css #html #grid #cursor #boolean

This Method Isn't Used Enough... JavaScript Array Flat Map (In 2 Mins) https://www.youtube.com/watch?v=ERZW8qh3igo —- 5 JavaScript Console Methods Every Developer Should Know https://www.youtube.com/watch?v=McCGfS7HL6g —- The new “window.ai” API will blow your mind. https://javascript.plainenglish.io/the-new-window-ai-api-will-blow-your-mind-3eb8b4704ca0 —- #console #window #ai #array #flatmap

Vue & Vite Updates | VueConf US 2024 https://www.youtube.com/watch?v=A9MSFp9Fs8k #vue #vite

AI and the Modern Developer https://dev.to/dev3l/ai-and-the-modern-developer-mf #ai #developer

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/ #nodejs #pdf

Cross-Browser Compatibility Testing – Best Practices for Web Developers https://www.freecodecamp.org/news/cross-browser-compatibility-testing-best-practices-for-web-developers/ #testing #webdev

Learn React Generic Components In 6 Minutes https://www.youtube.com/watch?v=5s6dIkrv6Y4 —- First Step in Setting Up React Hook Project from Scratch by Chris, Fullstack Engineer at Solve GMBH https://www.youtube.com/watch?v=ka8XQuT7_D8 —- #react #component #generic #nextjs

Viewport height and width units in modern CSS https://dev.to/dimeloper/viewport-height-and-viewport-width-in-modern-css-34g0 --- #html #css

The Differences Between 'Object', '{}', and 'object' in TypeScript https://dev.to/zacharylee/the-differences-between-object-and-object-in-typescript-f6f --- Announcing NgRx Signals v18: State Encapsulation, Private Store Members, Enhanced Entity Management, and more! https://dev.to/ngrx/announcing-ngrx-signals-v18-state-encapsulation-private-store-members-enhanced-entity-management-and-more-2lo6 #typescript #ngrx

JavaScript Class List - All You Need to Know in 2 Mins https://www.youtube.com/watch?v=kePykO07uS4 —- JavaScript Monorepos: Exploring Decentralized Alternatives https://blog.bitsrc.io/javascript-monorepos-understanding-their-limitations-and-exploring-decentralized-alternatives-06e25024d4bf —- JavaScript Array Methods: forEach, map, filter, and reduce https://dev.to/sh20raj/javascript-array-methods-foreach-map-filter-and-reduce-2bh7 --- Optional vs. Undefined: How To Check for Optional Properties https://dev.to/zirkelc/typescript-how-to-check-for-optional-properties-3192 --- Get All Intercepted Network Calls In Cypress https://glebbahmutov.com/blog/get-all-network-calls/ --- #classlist #cypress #undefined #array

How Airbnb Smoothly Upgrades React https://medium.com/airbnb-engineering/how-airbnb-smoothly-upgrades-react-b1d772a565fd —- Data Fetching with Server Actions in Next.js https://www.robinwieruch.de/next-server-actions-fetch-data/ —- React Design Patterns https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb —- Adding advanced search to a Strapi and Next.js project with Algolia https://medium.com/strapi/adding-advanced-search-to-a-strapi-and-next-js-project-with-algolia-15612ae6fcd3 —- Use useId() Instead Of Hand-Making IDs https://reacttraining.com/blog/use-useid-instead-of-hand-making-ids —- #react #nextjs

Learn React Router v6 – Full Course https://www.freecodecamp.org/news/learn-react-router-v6-course/ --- Demystifying React's Inner Workings: A Visual Journey Through React's Lifecycle with TypeScript (2024 Edition) https://dev.to/vyan/demystifying-reacts-inner-workings-a-visual-journey-through-reacts-lifecycle-with-typescript-2024-edition-5ml --- #react #router #lifecycle

5 things I wish I knew as a Web Developer https://javascript.plainenglish.io/5-things-i-wish-i-knew-before-i-became-a-web-developer-40b4d35d496e #webdev #tips

80% of programmers are NOT happy… why? https://www.youtube.com/watch?v=-pSf9_MgsZ4

I Fixed Error Handling in JavaScript https://levelup.gitconnected.com/i-fixed-error-handling-in-javascript-4e3c1a28a292 —- 10 JavaScript One-Liners for Beginner Developers to Look Pro https://pinjarirehan.medium.com/10-javascript-one-liners-for-beginner-developers-to-look-pro-b9548353330a —- #error #handler #oneliner

How to Optimize Search Queries in MongoDB https://www.freecodecamp.org/news/optimize-search-queries-in-mongodb/ #mongodb #query #search

Collect.js Tutorial – How to Work with JavaScript Arrays and Objects https://www.freecodecamp.org/news/work-with-javascript-arrays-objects-with-collect-js/ --- How To Master JavaScript Performance Optimization https://thenewstack.io/how-to-master-javascript-performance-optimization/ --- Working with Date in Javascript: new Date() vs Day.js vs Moment.js https://dev.to/syakirurahman/working-with-date-in-javascript-new-date-vs-dayjs-vs-momentjs-k01 --- Understanding target="_blank" https://dev.to/bridget_amana/understanding-targetblank-m12 --- How to Prevent Web API Attacks with Data Validation – Web API Security Guide https://www.freecodecamp.org/news/web-api-security-guide/ --- 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/ --- #array #object #webstorage #security