JavaScript Indonesia Channel

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 ---

Improve Web Performance by Optimizing JavaScript Bundle Sizes https://about.codecov.io/blog/improve-web-performance-by-optimizing-javascript-bundle-sizes/ —- Advanced React Component Design with TypeScript https://medium.com/%E6%BC%B8%E5%BC%B7%E5%AF%A6%E9%A9%97%E5%AE%A4-crescendo-lab-engineering-blog/advanced-react-component-design-with-typescript-b679b85ad719 —- How to fetch data in React (with Hooks) https://www.robinwieruch.de/react-fetch-data-hooks/? —- #react #hooks #bundle

AI-assisted software development lifecycle https://dev.to/aws/ai-assisted-software-development-lifecycle-289k

React 19 Cheat Sheet https://www.epicreact.dev/react-19-cheatsheet

The Golden Ratio in CSS https://dev.to/madsstoumann/the-golden-ratio-in-css-53d0

Overview of PostgreSQL indexing https://dev.to/digitalpollution/overview-of-postgresql-indexing-lpi

Git Cheat Sheet for Hacktoberfest https://dev.to/aerabi/git-cheat-sheet-for-hacktoberfest-3a8h --- 5 Tips for Better Code Management with Git https://dev.to/jaimaldullat/5-tips-for-better-code-management-with-git-5dc8 ---

How to Validate Forms in React and React Native Using Yup and Formik https://www.freecodecamp.org/news/react-how-to-validate-user-input/ --- What are Controlled and Uncontrolled Components in React.js? https://www.freecodecamp.org/news/what-are-controlled-and-uncontrolled-components-in-react/ --- How to Write Helper Functions in React https://www.freecodecamp.org/news/helper-functions-in-react/