JavaScript Indonesia Channel

Implementing Federated Sign-Out with Auth.js in Next.js 14 App Router https://dev.to/aryaman_/implementing-federated-sign-out-with-authjs-in-nextjs-14-app-router-44jj --- How to Set Up React Testing Library With Next.js – A Step-by-Step Guide https://www.freecodecamp.org/news/how-to-setup-react-testing-library-with-nextjs/ --- CSS content-visibility for React devs https://dev.to/sebastienlorber/css-content-visibility-for-react-devs-4a3i --- How I Optimized API Calls by 40% in My React App https://dev.to/marrouchi/how-i-did-optimize-by-40-api-calls-in-my-react-app-23od

21 React Projects Too Awesome to Ignore https://dev.to/copilotkit/21-react-projects-too-awesome-to-ignore-17ec

Axios vs Fetch https://dev.to/doccaio/axios-vs-fetch-1k1k

How to Manage User Authentication in React.js, Next.js, Vue.js, and Nuxt.js Using Clerk https://dev.to/hramonpereira/how-to-manage-user-authentication-in-reactjs-nextjs-vuejs-and-nuxtjs-using-clerk-136l

20 CSS Tricks You Never Knew You Needed https://pinjarirehan.medium.com/20-css-tricks-you-never-knew-you-needed-72e8155f6514

Advanced TypeScript Utility Types in Detail https://dev.to/bhataasim/advanced-typescript-utility-types-in-detail-4mdh --- Advanced JavaScript Concepts | Revised Version for Jr Dev's https://dev.to/syedmuhammadaliraza/advanced-javascript-concepts-revised-version-for-jr-devs-36n2 --- How to Use HTML Forms – HTML Form Basics https://www.freecodecamp.org/news/how-to-use-html-forms/

Generate PDFs dynamically in NodeJs/NestJs https://medium.com/@swapnilsuman65/generate-pdfs-dynamically-in-nodejs-nestjs-398fe3617a4a —- New: Built-In TypeScript Support In Node.js — Finally https://medium.com/coding-beauty/new-node-typescript-support-e0cfcdede6ac

CSS Typography Crash Course https://www.youtube.com/watch?v=WdBNYcWG0Yg —- Turn your wireframe into an app https://www.napkins.dev/ —- BuildyourFormsFaster https://shadcn-form-build.vercel.app/

How I Improved My Angular 17+ Skills Through 100 Days of Code https://javascript.plainenglish.io/how-i-improved-my-angular-17-skills-through-100-days-of-code-c1c801867e3d

Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind https://www.youtube.com/watch?v=0Oacr8VrnNk —- The Ultimate Guide to React Performance Optimization https://pinjarirehan.medium.com/the-ultimate-guide-to-react-performance-optimization-f48961fd93ec —- Epic Next JS 14 Tutorial Part 7: Next.js and Strapi CRUD Permissions https://strapi.medium.com/epic-next-js-14-tutorial-part-7-next-js-and-strapi-crud-permissions-26eb56bf5d41 —— New React 19 Features You Should Know – Explained with Code Examples https://www.freecodecamp.org/news/new-react-19-features-you-should-know-with-code-examples/

If You're Not Using CSS Variables, Watch This https://www.youtube.com/watch?v=YJGJ9z_PsOI —- How to Secure Your Frontend in 2024 with Code: Best Practices for Modern Web Development https://javascript.plainenglish.io/how-to-secure-your-frontend-in-2024-with-code-best-practices-for-modern-web-development-dc60921bb93a —- This new JavaScript operator is an absolute game changer https://medium.com/coding-beauty/new-javascript-operator-1e60dea05654 —-

How to Use SSH to Safely Connect to GitHub: A Simple Guide for Windows OS https://www.freecodecamp.org/news/how-to-use-ssh-to-connect-to-github-guide-for-windows/

How to Fix Merge Conflicts in Git https://www.freecodecamp.org/news/how-to-fix-merge-conflicts-in-git/ --- Style guide to write git history https://dev.to/this-is-learning/style-guide-to-write-git-history-4fok

Using Storybook with Angular and Vite https://dev.to/brandontroberts/using-storybook-with-angular-and-vite-48ga

Style queries are better than I thought they would be https://www.youtube.com/watch?v=jNAxSWczEj8 —- Creative Radio Buttons using Html & CSS https://www.youtube.com/watch?v=yGzLa4BExnQ

The 5 most game-changing JavaScript features from ES11 https://medium.com/coding-beauty/these-are-the-5-most-transformative-javascript-features-from-es11-aab6951f68af —- Creative Radio Buttons using Html & CSS https://www.youtube.com/watch?v=yGzLa4BExnQ —- Nobody wants to use these HTML tags https://medium.com/coding-beauty/rare-html-tags-9ed55211acd5 —-

OOPS in JS - Ultimate https://dev.to/codexam/oops-in-js-ultimate-4j34 --- How to Create Your Own Job Board Web App Using React.js, Node.js, SerpApi, and MUI https://dev.to/jagroop2001/how-to-create-your-own-job-board-web-app-using-reactjs-nodejs-serpapi-and-mui-4be9 --- How to Use the Ternary Operator in JavaScript – Explained with Examples https://www.freecodecamp.org/news/javascript-ternary-operator-explained/ --- Node.js performance hooks and measurement APIs https://blog.logrocket.com/node-js-performance-hooks-measurement-apis-optimize-applications/

10 essential VS Code tips & tricks for greater productivity https://medium.com/coding-beauty/vscode-tips-tricks-3cb138273f04

How to Build an AI-Powered ChatBot with OpenAI, ChatGPT, Node.js, and React https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-openai-chatgpt-nodejs-and-react/ --- Learn React – A Handbook for Beginners https://www.freecodecamp.org/news/react-for-beginners-handbook/ --- How to Create a Design System in Next.js with Tailwind CSS and Class Variance Authority https://www.freecodecamp.org/news/how-a-design-system-in-next-js-with-tailwind-css-and-class-variance-authority/ --- Using React Server Components and Server Actions in Next.js https://dev.to/amyssnippet/using-react-server-components-and-server-actions-in-nextjs-2cg3 --- Learn React Hooks – Common Hooks Explained with Code Examples https://www.freecodecamp.org/news/learn-react-hooks-with-example-code/ --- How to Setup a CI/CD Pipeline for a Next.js App using AWS https://www.freecodecamp.org/news/ci-cd-pipeline-for-nextjs-app-with-aws/

Container queries case studies https://developer.chrome.com/blog/css-ui-ecommerce-cq?hl=en --- Scroll-driven animations case studies https://developer.chrome.com/blog/css-ui-ecommerce-sda?hl=en --- The Golden Ratio in CSS https://dev.to/madsstoumann/the-golden-ratio-in-css-53d0 ---