JavaScript Indonesia Channel

What is box-sizing: border-box in CSS? https://www.freecodecamp.org/news/what-is-box-sizing-border-box-css/ #css #sizing

Immutable JavaScript – How to Improve the Performance of Your JS Applications https://www.freecodecamp.org/news/immutable-javascript-improve-application-performance/ —- Elevating User Experiences With Custom Events https://blog.openreplay.com/custom-events-in-javascript/ —- 3 Ways To Detect Circular Dependencies In JavaScript Projects https://blog.bitsrc.io/3-ways-to-detect-circular-dependencies-f5a22310cb5a —- 10 lesser known JavaScript tricks https://medium.com/@creativebyte/10-lesser-known-javascript-tricks-a90659e78013 #immutable #events #circular #dependency

NEW Next.js 14 Course Announcement! https://www.youtube.com/watch?v=TYo6_bzHyH4 #course #nextjs

Getting Started With Generators in JS https://javascript.plainenglish.io/getting-started-with-generators-in-js-8b929f699d0a —- A New Era for JavaScript: Pattern Matching Unveiled https://lokesh-prajapati.medium.com/a-new-era-for-javascript-pattern-matching-unveiled-8f00980210b1 —- 11 Cool Chrome Devtools Tips and Tricks I Wish I Knew Already https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-123cde033b9a —- Building a Clean and Scalable Frontend Architecture https://medium.com/@barrytwice/title-building-a-clean-and-scalable-frontend-architecture-f4fe1f814f68 #generators #clean #architecture #patternMatching

TypeScript Types — An Overview https://javascript.plainenglish.io/typescript-types-an-overview-%EF%B8%8F-a4a312159ee1 #typescript #overview

Infinite Wavy Border Animation | CSS Animated Cards https://www.youtube.com/watch?v=fRVvVTjfB7I —- CSS Animation Effects https://www.youtube.com/watch?v=neN9QQum6Vc —- #css #animation #border #effects

Lama Dev - Next.js Animated Portfolio Website with Framer Motion & Tailwind CSS | Next.js Beginner Project https://www.youtube.com/watch?v=DJaZUFK8Kv4 —- Build 25 React Projects – Tutorial https://www.youtube.com/watch?v=5ZdHfJVAY-s —- State Management in React – When and Where to use State https://www.freecodecamp.org/news/react-state-management/ —- How to Install React – A Step-by-Step Guide https://www.freecodecamp.org/news/how-to-install-react-a-step-by-step-guide/ —- React Libraries to Use in Your Projects in 2024 https://www.freecodecamp.org/news/react-libraries-to-use-in-your-projects/ —- Mastering Multilingual Websites: Internationalization In Next.Js 14 https://blog.openreplay.com/i18n-in-next-14/ —- Securing React Apps: A Guide To Preventing Cross-Site Scripting With DOMPurify https://blog.openreplay.com/securing-react-with-dompurify/ —- #nextjs #react #framer #tailwind #dom #state

How to Add Filtering, Sorting, Limiting, and Pagination to Your Nest.js App https://www.freecodecamp.org/news/how-to-add-filtering-sorting-limiting-pagination-to-nestjs-app/ —- How to Use OpenTelementry to Trace Node.js Applications https://www.freecodecamp.org/news/how-to-use-opentelementry-to-trace-node-js-applications/ #nodejs #nest #telemetry

Simplifying File Imports in Angular with New Loader Options https://netbasal.com/simplifying-file-imports-in-angular-with-new-loader-options-4e94a0eb18af —- Angular Advanced Components https://medium.com/@fatih.akpiyal1/angular-advanced-components-33b131bae040 —- Design Patterns in Angular https://blog.devgenius.io/design-patterns-in-angular-212fcf468dce —- NgRx Signal Store: The Missing Piece to Signals https://medium.com/ngconf/ngrx-signal-store-the-missing-piece-to-signals-ac125d804026 —- Announcing Angular.dev https://blog.angular.io/announcing-angular-dev-1e1205fa3039 —- Why Are Developers Still Using Angular? https://blog.stackademic.com/why-are-developers-still-using-angular-e7b6e17eade8 —- #angular #state #loader #import

Mastering The HTML Details And Summary Elements https://blog.openreplay.com/mastering-html-details-and-summary-elements/ #html #element #details

Build and Deploy a Figma Clone with Real Time Collaboration https://www.youtube.com/watch?v=oKIThIihv60 —- Vite vs Create React App in 2024 https://blog.bitsrc.io/vite-vs-create-react-app-326e8cc2c46b —- React in 2024: Navigating the Shift from Class Components to Function Components and Hooks https://levelup.gitconnected.com/react-in-2024-navigating-the-shift-from-class-components-to-function-components-and-hooks-56e584731be6 —- Top 10 ReactJS Coding Interview Challenge For 2024 https://javascript.plainenglish.io/top-10-reactjs-coding-interview-challenge-for-2024-c1e591f9384c —— #react #nextjs #clone #vite

Comparing TypeScript state management solutions https://blog.logrocket.com/comparing-typescript-state-management-solutions/ #typescript #state #management

Asynchronous Programming in JavaScript – Callbacks, Promises, & Async/Await Examples https://www.freecodecamp.org/news/asynchronous-programming-in-javascript-examples/ --- JavaScript Array Length – How to Find the Length of an Array in JS https://www.freecodecamp.org/news/javascript-array-length-tutorial/ --- Mastering the Foundations: JavaScript Essentials for React and Beyond https://medium.com/front-end-weekly/mastering-the-foundations-javascript-essentials-for-react-and-beyond-e2ab022728b5 --- Exploring The Browser Fetch Priority API https://blog.bitsrc.io/browser-fetch-priority-api-b4c55f905a84 --- #async #react #array #callback #fetch

Building Interactive Dashboards With Strapi, Node And Next https://blog.openreplay.com/building-interactive-dashboards-with-strapi-node-next/ --- Securing React Apps: A Guide To Preventing Cross-Site Scripting With DOMPurify https://blog.openreplay.com/securing-react-with-dompurify/ --- How to structure scalable Next.js project architecture https://blog.logrocket.com/structure-scalable-next-js-project-architecture/ --- React Libraries to Use in Your Projects in 2024 https://www.freecodecamp.org/news/react-libraries-to-use-in-your-projects/ --- How to Use Shadcn with Next.js 14 https://www.freecodecamp.org/news/shadcn-with-next-js-14/ --- How to Build a Mobile Swiping Component in React https://www.freecodecamp.org/news/how-to-build-mobile-swiping-component-in-react/ --- #react #nextjs #dashboard #component #shadcn

15 Killer Websites for Web Developers https://javascript.plainenglish.io/15-killer-websites-for-web-developers-97113695e775 #web #service

And they say CSS isn't a programming language! CSS-only games are amazing https://www.youtube.com/watch?v=TL41NpYnhWo #css #game

Improve Your Development Productivity Using ChatGPT https://blog.openreplay.com/improve-your-development-productivity-using-chatgpt/ #chatgpt #workflow

Mastering Web Animations: Common Mistakes And Best Practices https://blog.openreplay.com/mastering-web-animations/ #css #animation #mistake

This Magnetic Nav Link Animation Is Sick!! | Nextjs 14, Framer Motion Tutorial https://www.youtube.com/watch?v=uvSMh0lQAQY —- Internationalization in NextJs 14 with Next-Intl | i18n https://www.youtube.com/watch?v=uZQ5d2bRMO4 #react #nextjs #i18n #navlink #candDev

Building Interactive Dashboards With Strapi, Node And Next https://blog.openreplay.com/building-interactive-dashboards-with-strapi-node-next/ —- CRUD REST API with Node.js, Express, and PostgreSQL https://blog.logrocket.com/crud-rest-api-node-js-express-postgresql/ —- #nodejs #dashboard #strapi #crud #express