JavaScript Indonesia Channel

Theme Management in Vue with Styled Components https://blog.openreplay.com/theme-management-in-vue-with-styled-components/ —- Dynamic Pages With Route Params | Nuxt Course #11 https://www.youtube.com/watch?v=jFVIMiYoH5M —- I LOVE this new Nuxt Feature https://www.youtube.com/watch?v=jDQtxlRUf54 —- #vue #nuxt

Full-Stack Web Scraping: Create Link Previews with Vite.js, React, and Node.js https://javascript.plainenglish.io/full-stack-web-scraping-create-link-previews-with-vite-js-react-and-node-js-256ea7616c40 —- #react #nodejs

Learn Git in Detail to Manage Your Code https://www.freecodecamp.org/news/learn-git-in-detail-to-manage-your-code/ --- Git Cheat Sheet for Developers https://dev.to/nullvoidkage/git-cheat-sheet-for-developers-424d #git #code

Modern Media Queries: Going Beyond Browser Widths https://blog.openreplay.com/modern-media-queries/ —- Exploring CSS @-rules https://blog.openreplay.com/exploring-css-at-rules/ #html #css #mediaQuery

How to Build a Serverless CRUD REST API with the Serverless Framework, Node.js, and GitHub Actions https://www.freecodecamp.org/news/how-to-build-a-serverless-crud-rest-api/ #nodejs #crud

Array Filter vs. Array Find in JavaScript https://www.youtube.com/watch?v=R371yaBjb54 —- All About JavaScript Polyfills https://blog.openreplay.com/polyfills-for-javascript/ —- How to Build an Accessible Modal – with Example Code https://www.freecodecamp.org/news/how-to-build-an-accessible-modal-with-example-code/ —- How to Create Interactive HTML Prototypes – How Far Can You Go Without JavaScript? https://www.freecodecamp.org/news/how-to-create-interactive-html-prototypes/ —- #array #filter #find #html #polyfills

Optimizing Docker Images for Size and Security: A Comprehensive Guide https://dev.to/akshat_gautam/optimizing-docker-images-for-size-and-security-a-comprehensive-guide-4df0 #docker #security

A promising feature: JavaScript Promise Integration with Francis McCabe - WasmAssembly https://www.youtube.com/watch?v=OjWBZ0HArIc #promise #wasm

Am I Good Enough To Solve These CSS Battles? https://www.youtube.com/watch?v=eED9tbBVM4o #css #webdevsimplified

How to Write a Resume That Doesn’t Suck: 12 Golden Rules to Stand out In 2024 https://levelup.gitconnected.com/how-to-write-a-resume-that-doesnt-suck-12-golden-rules-to-stand-out-in-2024-82bfd85ee03f #resume

Writing a state management library in 50 lines of JavaScript https://dev.to/jverneaut/writing-a-state-management-library-in-50-lines-of-javascript-3l41 --- Hash Map using Javascript https://dev.to/ashutoshsarangi/hash-map-using-javascript-5d03 #state #management

How I Use ChatGPT as a Frontend Developer (5 Ways) https://medium.com/@sumsourabh14/how-i-use-chatgpt-as-a-frontend-developer-5-ways-0494d6f1ab54 —- Top 14 VS Code Extensions to Boost Your Development https://blog.stackademic.com/top-14-vs-code-extensions-to-boost-your-development-be88e48acde2 #chatgpt #development #extensions

Most Useful React Hooks for Your Next Project https://dev.to/vyan/most-useful-react-hooks-for-your-next-project-2l4i --- Stop using create-react-app https://dev.to/eslachance/stop-using-create-react-app-7in --- How to Use React Developer Tools – Explained With Examples https://www.freecodecamp.org/news/how-to-use-react-devtools/ --- Mastering React Router Hooks: A Comprehensive Guide https://dev.to/vyan/mastering-react-router-hooks-a-comprehensive-guide-4hm --- #react #nextjs #hooks #devtools

Build a Real-Time Slack Clone With Nextjs, React, Tailwind | Part 1/2 (2024) https://www.youtube.com/watch?v=lXITA5MZIiI —- Build a Real-Time Slack Clone With Nextjs, React, Tailwind, Auth.js | Part 2/2 (2024) https://www.youtube.com/watch?v=AbztO-X7PCQ --- Building an Infinite Scroll Component in React https://dev.to/surajondev/building-an-infinite-scroll-component-in-react-1ljb #slack #clone #nextjs #react #tailwind

CSS & JS Background Animation Effects https://www.youtube.com/watch?v=UdVEUiZc8sw —- Stop Using Margin Top. Use Margin Bottom And Gap Instead https://tomaszs2.medium.com/%EF%B8%8F-stop-using-margin-top-use-margin-bottom-and-gap-instead-0f13c84c14a2 —- #css #background #margin

Vue, You and AI Search | VueConf US 2024 https://www.youtube.com/watch?v=twEdwIIsuQI —- Data Fetching (useFetch & useAsyncData) | Nuxt Course #10 https://www.youtube.com/watch?v=AJMFUlM8TF8 —- Top 6 Vue.js UI Libraries (Vue 3) Trending in 2024 https://medium.com/@ansonch/%EF%B8%8Ftop-6-vue-js-ui-libraries-vue-3-trending-in-2024-5a5e1e5b3588 #vue #nuxt #async #ai

TypeScript Generics - a cheat sheet https://dev.to/audreyk/typescript-generics-a-cheat-sheet-1a89 —- Using Zod with TypeScript: A Guide for Frontend Developers https://dev.to/codeparrot/using-zod-with-typescript-a-guide-for-frontend-developers-3hfm —- Modern API Development with Node.js, Express, and TypeScript using Clean Architecture https://dev.to/dipakahirav/modern-api-development-with-nodejs-express-and-typescript-using-clean-architecture-1m77 #typescript #zod #nodejs #express #clean

VS Code Setup - Recommended Extensions https://dev.to/ahandsel/vs-code-setup-recommended-extensions-4877 #vscode #setup

7 Essential React Tricks Every Beginner Should Master in 2024 https://dev.to/vyan/7-essential-react-tricks-every-beginner-should-master-in-2024-1kap —- How to Build a React Hook That Handles Sequential Requests https://webdeveloper.beehiiv.com/p/build-react-hook-handles-sequential-requests —- Making a REST API typesafe with React Query and Zod https://noahflk.com/blog/typesafe-rest-api —- Pagination in React with Next.js & Drizzle ORM https://spacejelly.dev/posts/pagination-in-react-with-next-js-drizzle-orm —- Dockerizing a Vite + React + TypeScript App: A Step-by-Step Guide https://javascript.plainenglish.io/dockerizing-a-vite-react-typescript-app-a-step-by-step-guide-e9dc7304ee2d #react #nextjs #drizzle #orm #tips

Save Your Time When Configuring Unit Tests With Jest https://javascript.plainenglish.io/save-your-time-configuring-unit-testing-with-jest-fe3378fd78d6 #angular #jest