JavaScript Indonesia Channel

Creating a React Hook for Rotating Images at Any Angle

https://itnext.io/creating-a-react-hook-for-rotating-images-at-any-angle-c37425affca7

—-

Using AbortControllers in React.js
https://itnext.io/using-abortcontrollers-in-react-js-57c1ef72670d

—-

How to Create Dynamic Hover Effects in React (Step-by-Step Guide)

https://pinjarirehan.medium.com/how-to-create-dynamic-hover-effects-in-react-step-by-step-guide-aa40098acee6

—-

#react #hooks #hover

Medium

Creating a React Hook for Rotating Images at Any Angle

Build a React hook to rotate images at any angle while maintaining their aspect ratio, ensuring flexible and distortion-free image…

666 views01:00

JavaScript Indonesia Channel

MERN Stack Tutorial with Deployment – Beginner's Course
https://www.youtube.com/watch?v=O3BUHwfHf84

#mern #react #nextjs #express #nodejs

YouTube

MERN Stack Tutorial with Deployment – Beginner's Course

Learn to build full-stack web applications using MongoDB, Express.js, React, and Node.js, AKA the MERN stack. This course will guide you through setting up your development environment and creating dynamic, responsive applications from scratch. You'll gain…

734 views01:04

JavaScript Indonesia Channel

Build beautiful emails with pre-built components that you can copy-and-paste into your app.

https://react.email/components

—-

#react #email

react.email

Components - React Email

Build beautiful emails with pre-built components that you can copy-and-paste into your app.

356 views00:03

JavaScript Indonesia Channel

Build & Deploy an Amazing 3D Portfolio with React.js & Three.js | Beginner Three.js Tutorial
https://www.youtube.com/watch?v=kt0FrkQgw8w

#react #nodejs #nextjs #css #threejs

YouTube

Build & Deploy an Amazing 3D Portfolio with React.js & Three.js | Beginner Three.js Tutorial

Learn how to build 3D websites from scratch with the Three.js Crash Course. It's a fun and practical way to create a portfolio that really pops!

⭐ Join JS Mastery Pro: https://jsm.dev/pfolio24-jsmpro
💎 Become a Top 1% Next.js Developer: https://jsm.dev/pfolio24…

623 views23:21

JavaScript Indonesia Channel

How To Use Node Version Manager In Your React Projects

https://www.freecodecamp.org/news/how-to-use-nvm-in-react-projects/

#react #nvm

freeCodeCamp.org

How To Use Node Version Manager In Your React Projects

In this guide, you'll learn how to effectively manage multiple Node versions for different projects using Node Version Manager (NVM). Whether you're developing React, Angular, Vue.js, or Node applications, you can always use NVM to set up the projec...

739 views00:50

JavaScript Indonesia Channel

Learn useActionState In 8 Minutes - React Hooks Simplified
https://www.youtube.com/watch?v=-aBKrvK5Vn8

#useActionState #react #hooks

YouTube

Learn useActionState In 8 Minutes - React Hooks Simplified

FREE React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id--aBKrvK5Vn8

The useActionState hook is an amazing hook that makes working with forms in React…

563 views23:35

JavaScript Indonesia Channel

How to Work with Redux-Thunk – Explained with Examples

https://www.freecodecamp.org/news/how-to-work-with-redux-thunk/

---

Miracle UI - React component library

https://dev.to/miguelrodriguezp99/miracle-ui-react-component-library-34pb

---

Building a Personal Finance App with Arcjet

https://dev.to/andrewbaisden/building-a-personal-finance-app-with-arcjet-5c38

#react #redux #miracle #finance

freeCodeCamp.org

How to Work with Redux-Thunk – Explained with Examples

Redux has become the go-to state management library for many JavaScript applications due to its predictable state container and unidirectional data flow. However, handling asynchronous actions in Redux can be a bit tricky. That's where Redux middlewa...

648 views01:21

JavaScript Indonesia Channel

35+ Free React templates and themes
https://dev.to/davidepacilio/35-free-react-templates-and-themes-32ci?ref=dailydev

#react #template

DEV Community

35+ Free React templates and themes

Free React resources are very difficult to find when searching for templates and themes on the Intern...

❤1

837 views01:36

JavaScript Indonesia Channel

How to Add RBAC Authorization in Next.js

https://dev.to/studio1hq/how-to-add-rbac-authorization-in-nextjs-16m3

---

Essential JavaScript Concepts to Know Before Learning React – With Code Examples

https://www.freecodecamp.org/news/essential-javascript-concepts-before-react/

---

#react #nextjs #rbac

467 views00:42

JavaScript Indonesia Channel

Full-Stack URL Shortener with Next.js 14, Prisma & PostgreSQL
https://www.youtube.com/watch?v=mr9vOla2AMc

---

Build an SEO-Optimized Blog with Next.js

https://www.freecodecamp.org/news/build-an-seo-optimized-blog-with-next-js/

----

Reactjs Todo List App (Using Vite & Zustand)

https://dev.to/jagroop2001/learn-how-to-use-zustand-for-state-management-in-a-reactjs-todo-list-app-using-vite-32g2

---

How to Build Stunning Portfolio Website Using ReactJS and TailwindCSS

https://dev.to/codewithsadee/how-to-build-stunning-portfolio-website-using-reactjs-and-tailwindcss-hla

---

Next.js vs Express: Which Framework Should You Use in 2024?

https://dev.to/codeparrot/nextjs-vs-express-which-framework-should-you-use-in-2024-3dac

—-

How to Set Up ESLint, Prettier, StyleLint, and lint-staged in Next.js

https://www.freecodecamp.org/news/how-to-set-up-eslint-prettier-stylelint-and-lint-staged-in-nextjs/

#react #nextjs #tailwind #vite #prisma #graphql

YouTube

Full-Stack URL Shortener with Next.js 14, Prisma & PostgreSQL

Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A
In this tutorial, I’ll show you how to build a full-stack URL shortener using Next.js 14, Prisma, and PostgreSQL. We’ll style the app with Tailwind CSS and Shadcn UI to create a clean, modern look.

🛠️…

441 views23:23

JavaScript Indonesia Channel

React and FormData
https://reacttraining.com/blog/react-and-form-data

—-

Search Params in Next.js for URL State
https://www.robinwieruch.de/next-search-params/

——

Replacing React code with CSS :has selector

https://www.developerway.com/posts/replacing-react-with-css

—-

Create a Toggle Switch in React as a Reusable Component

https://www.sitepoint.com/react-toggle-switch-reusable-component/

—-

#react #formdata #toggle #csss #switch

ReactTraining.com

React and FormData

React Corporate Workshops, Training, and Consulting

568 views00:01

JavaScript Indonesia Channel

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

Codecov

Improve Web Performance by Optimizing JavaScript Bundle Sizes - Codecov

Blog updated September 10, 2024 to include new Bundle analysis features and general availability. Learn more about the new size over time and status checks features below, or go straight ...

395 views01:00

JavaScript Indonesia Channel

Tutorial React.JS Dasar (Bahasa Indonesia)
https://www.youtube.com/watch?v=yOIO5h3ENIw

YouTube

Tutorial React.JS Dasar (Bahasa Indonesia)

ReactJS Dasar

#programmerzamannow #react #reactjs

Slide :
https://docs.google.com/presentation/d/1HmgGmA1LpK78pF3ECQMSDrXEjk6wAgR5yaQxrbR6E18/edit?usp=sharing

Source Code :
https://github.com/ProgrammerZamanNow/belajar-reactjs-dasar

Materi Video :
00:00:00…

516 views00:11

About

Blog

Apps

Platform