JavaScript Indonesia Channel

Beberapa referensi penting dalam belajar React JS di tahun 2023 https://www.freecodecamp.org/news/how-to-learn-react-in-2023/ —- Menggunakan state management Redux Toolkit di Next JS https://blog.openreplay.com/state-management-in-next-js-with-redux-toolkit/ —- Membuat animasi di React JS dengan Framer motion https://blog.openreplay.com/doing-animations-in-react-with-framer-motion/ —- Perbedaan antara framework berbasis React seperti Next JS dengan Redwood JS https://blog.openreplay.com/nextjs-vs-redwoodjs--which-is-better/ —- Penggunaan MERN Stack untuk Web Development https://awstip.com/mern-stack-for-web-development-72ff226f45ec —- Tips dan trik dalam pemrograman framework React JS https://initjs.org/react-js-best-practices-fbd180e665b2 #react #nextjs #learning #tips #state #framer #redwood

Beberapa kelebihan function biasa jika dibandingkan dengan arrow function, bersama channel Web Dev Simplified https://youtu.be/5iGGvJn8K1U #arrow #function

Pengenalan tentang Selector CSS where dan is serta contohnya https://dev.to/mustapha/where-is-css-20nk #css #where #is

Tips dalam membuat method chaining dengan JavaScript https://towardsdev.com/i-lost-a-job-opportunity-because-i-didnt-know-how-to-chain-methods-in-js-5a95239eb953 —- Komparasi dua object pada JavaScript https://towardsdev.com/how-to-compare-two-objects-in-javascript-2b3d9641668a —- Membuat fitur drag and drop dengan library Sortable JS https://javascript.plainenglish.io/drag-drop-with-sortable-js-library-154627f467b3 —- Penjelasan tentang fungsi Debounce pada JavaScript https://javascript.plainenglish.io/explain-debounce-in-plain-javascript-35c2a8e6da0c --- #chaining #drag #drop #sortableJs #debounce

Memahami penggunaan Generic di TypeScript https://levelup.gitconnected.com/mastering-typescript-generics-the-ultimate-guide-3a62afeff44 --- Berbedaan tipe any, unknown, dan never di TypeScript https://betterprogramming.pub/typescript-any-vs-unknown-vs-never-9d0eb7416b2b #typescript #generic #any

Latihan dari Beyond Fireship tentang membuat aplikasi real time dengan Svelte dan Firebase https://www.youtube.com/watch?v=UbOaAtHWidc #svelte #firebase #realtime

Beberapa cara untuk implementasi infinite scroll menggunakan JavaScript https://javascript.plainenglish.io/3-ways-to-implement-infinite-scroll-7b2b7e47d58d --- Beberapa cara untuk membalik nilai String di Javascript https://www.freecodecamp.org/news/how-to-reverse-a-string-in-javascript-in-3-different-ways-75e4763c68cb/ --- Beberapa Scope yang terdapat pada JavaScript https://javascript.plainenglish.io/theres-always-one-you-don-t-know-the-9-scopes-of-js-722964fa0c10 --- #scroll #infinite #string #reverse #scope

Cara membuat infinite scroll dengan JavaScript, HTML dan CSS https://javascript.plainenglish.io/3-ways-to-implement-infinite-scroll-7b2b7e47d58d #html #css #infinite #scroll

Tips dalam menggabungkan dua repository Github tanpa kehilangan riwayat Commit https://hacks.mozilla.org/2022/08/merging-two-github-repositories-without-losing-commit-history/ #git #commit #history

Menggunakan Streams API di Node JS https://betterprogramming.pub/how-to-use-streams-in-node-js-ad1b73409d37 #nodejs #streams

Menggunakan state management di React JS yang bernama Jotai https://blog.openreplay.com/state-management-in-react-with-jotai/ --- Menyetel gambar latar belakang di React JS https://www.freecodecamp.org/news/react-background-image-tutorial-how-to-set-backgroundimage-with-inline-css-style/ --- Membuat sidebar di React JS dengan library sidebar material UI Component https://blog.logrocket.com/create-sidebar-react-pro-sidebar-mui/ --- #react #jotai #background #sidebar

Latihan panjang membuat aplikasi web dengan Next JS, React, dan Tailwind CSS https://raivikas.medium.com/build-5-web-apps-in-10-hours-using-next-js-react-js-tailwind-css-3e8c3d568f71 —- Perbedaan antara Next JS dengan React JS https://blog.bitsrc.io/why-is-react-a-library-and-next-js-a-framework-and-which-is-better-cee342bdfe8c —- #react #nextjs #tailwind

Cara mengganti warna SVG dengan CSS Color filter https://itnext.io/change-svg-color-with-help-from-css-filter-d978fb0d0bc9 #css #svg #color

Tips dan trik membuat responsive design dengan CSS bersama channel Web Dev Simplified https://youtu.be/TUD1AWZVgQ8 #css #webdevsimplified #responsive

Beberapa teknik pemrograman JavaScript yang perlu dipahami https://javascript.plainenglish.io/10-useful-javascript-coding-techniques-that-you-should-use-772b17c2d90b —- #coding #technique #tips

Kumpulan pintasan atau shortcut di VS Code yang sering dipakai https://levelup.gitconnected.com/10-most-used-vs-code-shortcuts-that-every-programmer-must-know-8601bef95433 #vscode #shortcut

Tips dan trik dalam melakukan refactor kode yang menggunakan if dan switch https://levelup.gitconnected.com/6-tips-to-avoid-using-if-statements-17f99f118d23 --- Tips dalam membuat switch statement pada TypeScript https://meticulous.ai/blog/safer-exhaustive-switch-statements-in-typescript/ --- Perbedaan antara undeclared dan undefined variable https://javascript.plainenglish.io/javascript-the-difference-between-undeclared-and-undefined-fec66512fd1a --- #switch #if #else

Selamat berganti Epoch Unix timestamp ke 1672528662 . Semoga tahun ini menjadi lebih baik dari tahun sebelumnya, rajin push rank course dan Git, dan semakin rajin belajar mencoba hal baru. #epoch #newYearTimestamp

Membuat API Gateway dengan menggunakan Node JS https://snyk.io/blog/how-to-build-secure-api-gateway-node-js/ --- Menggunakan Sqlite pada Node JS, Bun, dan Deno https://betterprogramming.pub/how-to-use-sqlite-in-bun-deno-and-node-66001a9c3dcb --- Membuat sistem Authentication dengan nomor handphone, menggunakan Node JS dan Firebase https://javascript.plainenglish.io/implementing-phone-number-authentication-with-firebase-in-node-js-805092fc6132 --- #nodejs #gateway #bun #deno #sqlite #auth #phone #firebase

Membuat animasi transisi Grid dengan Animate CSS https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/ #css #animate #transition