JavaScript Indonesia Channel

The Complex But Awesome CSS border-image Property https://www.smashingmagazine.com/2024/01/css-border-image-property/ #css #border #image

Date And Time Handling With Luxon https://blog.openreplay.com/date-and-time-handling-with-luxon/ --- Creating Resizable Split Panes From Scratch https://blog.openreplay.com/resizable-split-panes-from-scratch/ --- How to get started with Progressive Web Apps https://dev.to/michellebuchiokonicha/how-to-get-started-with-progressive-web-apps-3f44 --- 5 JavaScript Utility Libraries to Improve Your Efficiency https://javascript.plainenglish.io/5-javascript-utility-libraries-to-improve-your-efficiency-d49e53c5c936 #date #luxon #panes #panel #pwa

Kevin Powell - A practical guide to responsive web design https://www.youtube.com/watch?v=x4u1yp3Msao #css #design #guide #responsive

How To Remove Duplicates From an Array in JavaScript https://www.youtube.com/watch?v=wnEjj2Tld00 #dcode #array #duplicate

How To Create A New Angular Project https://www.youtube.com/watch?v=qOhLOxhYi7s —- Animated Toggles In Angular 17 https://blog.openreplay.com/animated-toggles-in-angular-17/ --- Services In Angular: Subject Vs BehaviorSubject https://blog.openreplay.com/services-in-angular--subject-vs-behaviorsubject/ —- How to use Angular Templating https://www.youtube.com/watch?v=hC6Ke5xQIC4 —- How to use ngIf and ngFor in Angular https://www.youtube.com/watch?v=lKWIh0GEdYI #angular #toggles #subject #behaviorsubject

Stop Using Git Rebase https://blog.stackademic.com/stop-using-git-rebase-9570407868f2 #git #rebase

7 React Projects to Build in 2024 https://www.freecodecamp.org/news/react-projects-to-build-in-2024/ --- Common React Mistakes Front End Developers Make https://blog.openreplay.com/common-react-mistakes-front-end-developers-make/ --- Securing User PIN Input In React https://blog.openreplay.com/securing-pin-input/ --- Next.js 14 - Server Actions TUTORIAL | Type Safety, Error Handling, Pending States https://www.youtube.com/watch?v=UKupfEuUc1M —- Top 10 Mistakes To Avoid When Using React in 2024 https://blog.bitsrc.io/10-mistakes-when-building-react-apps-in-2024-9a3ab6775348 —- #react #project #pin #input #security #tips #nextjs

The Ultimate Web Developer Roadmap For 2024 https://www.youtube.com/watch?v=Gc4Xh8u19NU #webdevsimplified #roadmap #learning

Angular 17: Inject or constructor? Signals or Observables?ChangeDetection? https://medium.com/@fabiozuin/angular-17-inject-or-constructor-signals-or-observables-changedetection-a1b48a5479d9 #angular

How to Use Markdown in VSCode – Syntax and Examples https://www.freecodecamp.org/news/how-to-use-markdown-in-vscode/ #vscode #markdown

Middleware in Express.js https://dev.to/m__mdy__m/middleware-in-expressjs-4b4 #express #middleware

Node.js: The fastest web framework in 2024 https://medium.com/deno-the-complete-reference/node-js-the-fastest-web-framework-in-2024-fa11e513fa75 —- Modern JavaScript Reactive Patterns https://javascript.plainenglish.io/modern-javascript-reactive-patterns-d6a6b11dcc25 —- 10 JavaScript Tips to Help You Build Better Projects (PART — I) https://levelup.gitconnected.com/10-javascript-tips-to-help-you-build-better-projects-part-i-f0de2c8239fe —- Node.js Mastery: Advanced Development & Performance Tips https://medium.com/@Choco23/node-js-mastery-advanced-development-performance-tips-da07355c1e8a —- Stop Using localStorage! https://medium.com/@julienetienne/stop-using-localstorage-64a6d6805da8 —- #localstorage #nodejs #reactive #tips

NGINX for Backend Developers https://www.freecodecamp.org/news/nginx/ --- Load Balancing with Nginx (Bonus: OpenReplay Introduction) https://dev.to/canoir/load-balancing-with-nginx-49aa --- #nginx

Docker basics for beginners https://dev.to/davidmm1707/docker-basics-for-beginners-49l9 --- Optimizing Docker Images with Multi-Stage Builds and Distroless Approach https://dev.to/suzuki0430/optimizing-docker-images-with-multi-stage-builds-and-distroless-approach-h0l --- #docker

Building a Component Library with React and StyleX https://blog.bitsrc.io/building-a-react-with-stylex-component-library-4abc5f763dce —- A new BDD tool for TypeScript/React, and Flutter/Dart https://medium.com/@marcglasberg/a-new-bdd-tool-for-typescript-javascript-and-dart-673933b3b38e —- A best practice tip learned from React’s new official website https://javascript.plainenglish.io/a-best-practice-tip-learned-from-reacts-new-official-website-05bcc2bf7dde —- #react #tips #bdd

5 Important Observer Functions In JavaScript, How Many Do You Know? https://javascript.plainenglish.io/5-important-observer-functions-in-javascript-how-many-do-you-know-0103d40b7294 —- 8 JavaScript Tricks to Make You a Better Programmer https://blog.stackademic.com/8-javascript-tricks-to-make-you-a-better-programmer-9904f1733867 —- JavaScript Interview: Can You Stop or Break a forEach Loop? 🛑 https://javascript.plainenglish.io/javascript-interview-can-you-stop-or-break-a-foreach-loop-9608ba2a1710 —- 9 Incredibly Useful JavaScript Tips https://medium.com/@Choco23/9-incredibly-useful-javascript-tips-e05b00013adc —- The Difference Between Promise and Async/Await https://blog.stackademic.com/the-difference-between-promise-and-async-await-e297e48573f3 —- 20 Simple-But-Useful JavaScript Coding Techniques That You Should Use https://javascript.plainenglish.io/20-simple-but-useful-javascript-coding-techniques-that-you-should-use-b9f24e3f6d80 —- #observer #tips #promise #async #await

Optimizing your GitHub and CV to pass technical review https://dev.to/miasalazar/optimising-your-github-and-cv-to-pass-technical-review-21jk #github #cv #interview

The React Roadmap for 2024 – How to Learn React https://www.freecodecamp.org/news/the-react-roadmap-learn-react/ --- How to Wrap a React Component that Returns Multiple Table Rows and Avoid the “<tr> Cannot Appear as a Child of <div>” Error? https://javascript.plainenglish.io/how-do-to-wrap-a-react-component-that-returns-multiple-table-rows-and-avoid-the-tr-cannot-appear-415aaa2482ad --- Introduction to Testing React Components with Vite, Vitest and React Testing Library https://dev.to/brslv/introduction-to-testing-react-components-with-vite-vitest-and-react-testing-library-8cb --- #react #testing #learn

JS DOM Manipulation Best Practices – with Examples https://www.freecodecamp.org/news/dom-manipulation-best-practices/ --- Immutability in JavaScript – Explained with Examples https://www.freecodecamp.org/news/immutability-in-javascript-with-examples/ --- How to Use Callbacks and Higher Order Functions in JavaScript https://www.freecodecamp.org/news/callbacks-higher-order-functions-in-javascript/ --- 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/ --- 5 Tools and Patterns for Typesafe APIs https://blog.bitsrc.io/5-tools-and-patterns-for-typesafe-apis-72dd6db17a76 #dom #storage #immutability #callback #higherOrder #function

Get Started With Nuxt's Runtime Config API https://www.youtube.com/watch?v=IBMkAuxLTrA --- Build your own Vue UI library with Unstyled PrimeVue Core and Tailwind CSS https://dev.to/cagataycivici/build-your-own-vue-ui-library-with-unstyled-primevue-core-and-tailwind-css-23ll --- Vue Tip: Persist Data in Vue.js App https://javascript.plainenglish.io/vue-tip-persist-data-in-vue-js-app-42e7b16f0f34 --- Create a Carousel with Progress Indicators using Tailwind and Vue https://dev.to/cruip_com/create-a-carousel-with-progress-indicators-using-tailwind-and-vue-3o49 #vue #nuxt