JavaScript Indonesia Channel

How To Set Up TypeORM DataSource in Your NestJS Project https://www.freecodecamp.org/news/how-to-setup-typeorm-datasource-nestjs-app/ #nodejs #typeorm #nestjs

6 useful CSS features you might not know about https://dev.to/dionarodrigues/6-useful-css-features-you-might-not-know-about-4cjg --- CSS Units – When to Use rem, em, px, and More https://www.freecodecamp.org/news/css-units-when-to-use-each-one/ --- The Difference Between <b> and <Strong> in HTML – Explained with Examples https://www.freecodecamp.org/news/difference-between-b-and-strong-in-html/ --- How to Build a Login Page with the Material Tailwind Framework – Step by Step Guide https://www.freecodecamp.org/news/how-to-build-a-login-page-with-material-tailwind-framework/ --- #css #tailwind #bold #material

How to use npm create to make your quickstart docs better https://dev.to/nsjames/use-npm-create-to-make-better-quickstart-docs-2pgo #npm #create #quickstart

Code a Full Stack Fiverr Clone https://www.freecodecamp.org/news/code-a-full-stack-fiverr-clone/ --- How to Deploy Next.js Apps to Github Pages https://www.freecodecamp.org/news/how-to-deploy-next-js-app-to-github-pages/ --- Unit tests in React with Jest and Testing Library https://dev.to/griseduardo/unit-tests-in-react-with-jest-and-testing-library-18ag --- What's the difference between React and Next.js? https://www.freecodecamp.org/news/whats-the-difference-between-react-and-nextjs/ #nextjs #react #jest #deploy

Easier TypeScript API Testing with Vitest + MSW https://dev.to/seratch/easier-typescript-api-testing-with-vitest-msw-4k3a #typescript #api #testing

How to Build AI Apps – A Frontend Developer's Guide https://www.freecodecamp.org/news/frontend-ai-guide/ #guide #react #ai

Angular Features You Probably Didn’t Know About, But Should Definitely Try! https://medium.com/@Evelyn.Taylor/angular-features-you-probably-didnt-know-about-but-should-definitely-try-dbfbd622ee62 —- Exploring Angular’s afterRender and afterNextRender Hooks https://netbasal.com/exploring-angulars-afterrender-and-afternextrender-hooks-7133612a0287 #angular #render #feature

Sending Email Using Node.js https://www.sitepoint.com/sending-email-using-node-js/ #nodejs #email

What's New in JavaScript in 2023 – Changes with Code Examples https://www.freecodecamp.org/news/the-biggest-changes-in-javascript-this-year/ --- How to Use JavaScript's Array reduce() Method – Explained with Examples https://www.freecodecamp.org/news/how-to-use-javascript-array-reduce-method/ --- #es2023 #array #reduce

Signals Might Soon Be Standardized in JavaScript: What You Need to Know https://javascript.plainenglish.io/proposal-for-standardization-of-signals-coming-soon-cba1dc7f4792 —- Say Goodbye to 7 Bad JavaScript Practices https://javascript.plainenglish.io/say-goodbye-to-7-bad-javascript-practices-ac042a845b22 —- JavaScript Features That Most Developers Don’t Know https://levelup.gitconnected.com/javascript-features-that-most-developers-dont-know-36a00c35aa98 —- What is The Difference Between Local and Session Storage https://medium.com/weekly-webtips/what-is-the-difference-between-local-and-session-storage-65c01e30b7f7 —— Best JavaScript Frameworks for 2024: Choose the Right One for Your Needs https://javascript.plainenglish.io/best-javascript-frameworks-for-2024-choose-the-right-one-for-your-needs-ef68a71cee62 —- #signals #tips

Ditch dotenv: Node.js Now Natively Supports .env File Loading https://javascript.plainenglish.io/ditch-dotenv-node-js-now-natively-supports-env-file-loading-8b9b2d49b2d2 —- Do you really really know nodejs? https://tech.zupee.com/do-you-really-really-know-nodejs-cbcb430c3908 #nodejs #env

How to Truncate Text with CSS — Resolving Common Issues https://www.youtube.com/watch?v=akHMFJ2KPbs —- Top 10 new JavaScript features from 2021 to 2023 https://medium.com/coding-beauty/javascript-features-2021-to-2023-a13751582dbf —- Creating Fluid Typography with the CSS clamp() Function https://www.sitepoint.com/fluid-typography-css-clamp-function/ #clamp #css #truncate

Native Popover API in HTML https://dev.to/saranshk/native-popover-api-in-html-4kce --- 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 --- 5 Hidden CSS Properties You Didn't Know Existed https://dev.to/vitalipri/5-hidden-css-properties-you-didnt-know-existed-12h8 #html #popover #css #animation

Code and Deploy an Instagram Clone with React and Firebase https://www.freecodecamp.org/news/code-and-deploy-an-instagram-clone-with-react-and-firebase/ --- Using Custom React hooks in NextJS? https://dev.to/hiteshchawla/using-custom-react-hooks-in-nextjs-3gjo --- How to Manage State in React Apps with APIs – Redux, Context API, and Recoil Examples https://www.freecodecamp.org/news/manage-state-in-react-apps-with-apis/ --- Next js + 3D elements with spline https://dev.to/nyctonio/next-js-3d-elements-with-spline-3m84 --- #react #nextjs #deploy #clone #state #firebase

HTML attributes vs DOM properties https://jakearchibald.com/2024/attributes-vs-properties/ #html #dom

Light & Shadow Text Shadow Animation using Javascript https://www.youtube.com/watch?v=kI-gUlxoIfM #html #css

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