JavaScript Indonesia Channel

Building a Tailwind UI Component Library for React https://blog.bitsrc.io/building-a-tailwind-ui-component-library-for-react-390f5632c95e —- SOLID in React: the good, the bad, and the awesome https://itnext.io/solid-in-react-the-good-the-bad-and-the-awesome-79d6cc518d1f —- Epic Next JS 14 Tutorial Part 6: Create Video Summary with Next.js and Open AI https://strapi.medium.com/epic-next-js-14-tutorial-part-6-create-video-summary-with-next-js-and-open-ai-f811b414b5f0 —- Get your codebase ready for React 19 https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19 —- Integrating Strapi with ChatGPT and Next.js https://strapi.medium.com/integrating-strapi-with-chatgpt-and-next-js-3b65ceded6c3 #react #tailwind #nextjs #chatgpt #openai

Creating the Split Design Pattern with CSS Flexbox by Travis Waith-Mair, Bedrock Primitives Creator https://www.youtube.com/watch?v=3Ey2LFRLAss —- I never thought of using CSS animations like this before! https://www.youtube.com/watch?v=IdxzJLQ3Mbs #css #animations

🚀 21 Tools to take your dev skills to the moon 🌝 https://dev.to/taipy/21-tools-to-take-your-dev-skills-to-the-moon-53mf?context=digest #skills #tools #devtools

5 Hidden CSS Properties You Didn't Know Existed https://dev.to/vitalipri/5-hidden-css-properties-you-didnt-know-existed-12h8?context=digest —- I built these 5 types of loading animation in HTML and CSS, which do you prefer? https://dev.to/peboy/i-built-these-5-types-of-loading-animation-in-html-and-css-which-do-you-prefer-2f3f?context=digest —- Why don’t we talk about minifying CSS anymore? https://dev.to/whitep4nth3r/why-dont-we-talk-about-minifying-css-anymore-18cj?context=digest #css #loading #property #css #minify

Framework Bun Tercepat, Bye Framework NodeJS - PZN Reaction https://www.youtube.com/watch?v=d4s7NLqRC9k #bun #nodejs

Git Merge vs. Rebase: Key Differences https://dev.to/codeparrot/git-merge-vs-rebase-key-differences-1pb4 #git #merge #rebase

NodeJS 22 is Live https://dev.to/emmabase/nodejs-22-is-live-49b1 --- Deploy Node.js applications on a VPS using Coolify https://dev.to/adisreyaj/deploy-nodejs-applications-on-a-vps-using-coolify-5b4 --- The first framework that lets you visualize your React/NodeJS app https://dev.to/wasp/the-first-framework-that-lets-you-visualize-your-reactnodejs-app-1d63 --- #nodejs #release #deploy #vps #visualization

Underrated VSCode feature: Native Tabs https://dev.to/lucasprag/underrated-vscode-feature-native-tabs-3bl?context=digest —- 10 VS Code extensions for maximum frontend development productivity https://dev.to/oyegoke/10-vs-code-extensions-for-maximum-frontend-development-productivity-383h?context=digest —- #css #html #native #tabs

2 Sites to Become a Better Developer https://dev.to/kochiyama/2-sites-to-become-a-better-developer-2f9j —- #learning #course

Best Icon Libraries for a Dev in 2024 https://dev.to/masumparvej/best-icon-libraries-for-a-dev-412d? #library #icons

5 Tailwind CSS Anti-Patterns to Avoid https://spin.atomicobject.com/tailwind-css-anti-patterns/ #css #tailwind #pattern

Tailwind Just Got So Much Better https://www.youtube.com/watch?v=CTIyv9Soe2E —- Javascript Background Animation on Mousemove https://www.youtube.com/watch?v=v_A80A76NAs #animation #css #tailwind

Code a Kirby Clone with TypeScript and Kaboom.js https://www.freecodecamp.org/news/code-a-kirby-clone-with-typescript-and-kaboomjs/ #typescript #kaboom

Build a spreadsheet app with an AI-copilot (Next.js, gpt4, LangChain, & CopilotKit) https://dev.to/copilotkit/build-an-ai-powered-spreadsheet-app-nextjs-langchain-copilotkit-109d —- Optimising React Apps https://dev.to/yashmahalwal/optimising-react-apps-56c6 —- How to have AI onboard your users (Next.js, OpenAI, CopilotKit) https://dev.to/copilotkit/build-an-ai-powered-campaign-manager-nextjs-openai-copilotkit-59ii?context=digest —- #react #ai #nextjs #openai #optimize

Harnessing Control: Exploring JavaScript’s AbortSignal Timeout and Any Methods https://netbasal.com/harnessing-control-exploring-javascripts-abortsignal-timeout-and-any-methods-f479992a9615 —- 26 Clean Code JavaScript Tips for Efficient Programming https://javascript.plainenglish.io/26-clean-code-javascript-tips-for-efficient-programming-8fb69f380e82 #cleancode #abort #signal #timeout

How To Set Up TypeORM DataSource in Your NestJS Project https://www.freecodecamp.org/news/how-to-setup-typeorm-datasource-nestjs-app/ —- How to Debug Node.js Applications Using the debugger; Statement https://www.freecodecamp.org/news/how-to-debug-node-js-applications/ #nodejs #debugging #typeorm

Mastering Asynchronous Error Handling with Promises in JavaScript https://mysteryweevil.medium.com/mastering-asynchronous-error-handling-with-promises-in-javascript-473f424c333d —- Stop Using find() Method in JavaScript https://medium.com/@enestalayy/stop-using-find-method-in-javascript-dfdb40b10821 —- 10 Must-Know JavaScript Tricks & Tips About Reduce https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-2bc7e5809c27 —- #async #handler #error #tips #trick #array #reduce #find

How To Make Beautiful Charts In Next.js https://www.youtube.com/watch?v=15qMh8C1Wzo —- #react #nextjs #chart

The Best Way to Create a Web Developer Resume That Gets You Hired https://javascript.plainenglish.io/the-best-way-to-create-a-web-developer-resume-that-gets-you-hired-56f35024d8df #resume #portfolio

Make HTML 5 Games — Isometric Board Game Tutorial https://levelup.gitconnected.com/make-html-5-games-isometric-board-game-tutorial-439783c1d35d #html5 #games