Pembuatan fungsi Pagination dan infinite scroll dengan React Query
https://blog.logrocket.com/pagination-infinite-scroll-react-query-v3/
#react #infinite #scroll #query
https://blog.logrocket.com/pagination-infinite-scroll-react-query-v3/
#react #infinite #scroll #query
LogRocket Blog
Pagination and infinite scroll with React Query v3 - LogRocket Blog
Learn how to implement pagination and infinite scroll using React Query, a popular React library for state management.
Contoh kasus penggunaan media query dengan container query pada CSS
https://blog.logrocket.com/choose-between-media-container-queries/
#css #query #media #container
https://blog.logrocket.com/choose-between-media-container-queries/
#css #query #media #container
LogRocket Blog
When and how to choose between media queries and container queries - LogRocket Blog
Unlike media queries, container queries make an element responsive based on the space available to the container, rather than the viewport.
Kombinasi penggunaan Container query dengan CSS Subgrid
https://blog.logrocket.com/using-css-subgrids-container-queries/
#css #subgrid #container #query
https://blog.logrocket.com/using-css-subgrids-container-queries/
#css #subgrid #container #query
LogRocket Blog
Using CSS subgrids with container queries - LogRocket Blog
CSS container queries are a necessity when creating responsive layouts, and with subgrids, you can prevent annoying formatting breaks, too.
Mengenal penggunaan CSS Style query pada element HTML
https://blog.logrocket.com/new-css-style-queries/
#css #style #query
https://blog.logrocket.com/new-css-style-queries/
#css #style #query
LogRocket Blog
Understanding and using the new CSS style queries - LogRocket Blog
Improve responsive web development by applying CSS container style queries, which allow you to query components based on their size or style.
Pengenalan tentang CSS Container Query bersama Kevin Powell
https://www.youtube.com/watch?v=3_-Je5XpbqY
#css #container #query
https://www.youtube.com/watch?v=3_-Je5XpbqY
#css #container #query
YouTube
Container Queries are going to change how we make layouts
While media queries that look at the viewport size can be useful, today’s web is very component-based, and having to rely on the size of the viewport is pretty limiting. Luckily, container queries are now a thing!
🔗 Links
✅ Browser support for container…
🔗 Links
✅ Browser support for container…
Menggunakan Query builder dari TypeORM di Nest TS
https://blog.logrocket.com/using-typeorms-querybuilder-nestjs/
---
Melakukan konfigurasi module builder pada Nest TS
https://blog.logrocket.com/use-configurable-module-builders-nest-js-v9/
#nest #typeorm #query #builder
https://blog.logrocket.com/using-typeorms-querybuilder-nestjs/
---
Melakukan konfigurasi module builder pada Nest TS
https://blog.logrocket.com/use-configurable-module-builders-nest-js-v9/
#nest #typeorm #query #builder
LogRocket Blog
Using TypeORM’s QueryBuilder in NestJS - LogRocket Blog
Learn how to use NestJS to build an application with TypeORM, a strong object-relations-management library built with TypeScript.
Membuat aplikasi pencarian gambar dengan React JS dan React Query hook
https://dev.to/franklin030601/image-search-engine-with-react-js-react-query-39
—-
Perbedaan antara React Router dengan React Router DOM
https://www.syncfusion.com/blogs/post/react-router-vs-react-router-dom.aspx
—-
#react #router #query #image
https://dev.to/franklin030601/image-search-engine-with-react-js-react-query-39
—-
Perbedaan antara React Router dengan React Router DOM
https://www.syncfusion.com/blogs/post/react-router-vs-react-router-dom.aspx
—-
#react #router #query #image
DEV Community
Image search engine with React JS - React Query 🔋
This time we will make an image search engine with the help of Unsplash API and React Query, with...
Pengenalan container query pada CSS
https://blog.openreplay.com/css-container-style-queries/
---
Penjelasan sederhana tentang Viewport unit di CSS
https://web.dev/viewport-units/
---
Melihat fitur baru pada element list di HTML
https://css-tricks.com/newer-things-to-know-about-good-ol-html-lists/
#css #container #query #list #html #viewport
https://blog.openreplay.com/css-container-style-queries/
---
Penjelasan sederhana tentang Viewport unit di CSS
https://web.dev/viewport-units/
---
Melihat fitur baru pada element list di HTML
https://css-tricks.com/newer-things-to-know-about-good-ol-html-lists/
#css #container #query #list #html #viewport
Openreplay
CSS Container Style Queries
These queries allow components to own their responsive layout, for more powerful and easier coding
Latihan menggunakan React Query bersama channel Web Dev Simplified
https://www.youtube.com/watch?v=r8Dg0KVnfMA
#react #query #webdevsimplified
https://www.youtube.com/watch?v=r8Dg0KVnfMA
#react #query #webdevsimplified
YouTube
Learn React Query In 50 Minutes
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
TanStack Query (also known as React Query) is my favorite way to interact with an external API. TanStack query is so easy to use and it gives you so many features by default…
TanStack Query (also known as React Query) is my favorite way to interact with an external API. TanStack query is so easy to use and it gives you so many features by default…
Menggunakan Container Query pada CSS
https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/
—-
Panduan penggunaan CSS Grid
https://medium.com/front-end-weekly/the-ultimate-guide-to-mastering-css-grid-488e1f8783e4
#css #grid #container #query
https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/
—-
Panduan penggunaan CSS Grid
https://medium.com/front-end-weekly/the-ultimate-guide-to-mastering-css-grid-488e1f8783e4
#css #grid #container #query
freeCodeCamp.org
How to Use Container Queries – Responsive Design Beyond the Viewport
Before now, making your website responsive was limited to resizing HTML elements with media queries. This was, and still is, a brilliant innovation for web development in general. But web development has evolved with the advent of JavaScript frameworks—particularly…
Menggunakan Container Query di CSS
https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/
#css #container #query
https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/
#css #container #query
freeCodeCamp.org
How to Use Container Queries – Responsive Design Beyond the Viewport
Before now, making your website responsive was limited to resizing HTML elements with media queries. This was, and still is, a brilliant innovation for web development in general. But web development has evolved with the advent of JavaScript frameworks—particularly…
JavaScript Mastery - Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query
https://www.youtube.com/watch?v=_W3R2VwRyF4
#react #nodejs #nextjs #tailwind #css #query
https://www.youtube.com/watch?v=_W3R2VwRyF4
#react #nodejs #nextjs #tailwind #css #query
YouTube
Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query
Build a modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.
⭐ Appwrite: https://apwr.dev/JSMastery
🌟 Become a top 1% Next.js…
⭐ Appwrite: https://apwr.dev/JSMastery
🌟 Become a top 1% Next.js…
How to Optimize Your CSS Code for Faster Web Pages
https://www.freecodecamp.org/news/how-to-optimize-your-css-code-for-faster-web-pages/
—-
10 lesser known CSS tricks
https://medium.com/@creativebyte/10-lesser-known-css-tricks-259197d9aced
—-
Less Common HTML Tags You Should Know – With Example Code
https://www.freecodecamp.org/news/less-common-html-tags/
—-
Mastering Tailwind CSS: Overcoming Common Challenges And Doing Debugging
https://blog.openreplay.com/mastering-tailwind-css/
—-
Responsive Design On Steroids: CSS Container Queries
https://blog.openreplay.com/container-queries-for-responsive-design/
—-
How to make Perfect Rounded Corner Border-radius | CSS tips
https://www.youtube.com/watch?v=75CoeFpO374
#css #html #container #query #tailwind #onlineTutorials
https://www.freecodecamp.org/news/how-to-optimize-your-css-code-for-faster-web-pages/
—-
10 lesser known CSS tricks
https://medium.com/@creativebyte/10-lesser-known-css-tricks-259197d9aced
—-
Less Common HTML Tags You Should Know – With Example Code
https://www.freecodecamp.org/news/less-common-html-tags/
—-
Mastering Tailwind CSS: Overcoming Common Challenges And Doing Debugging
https://blog.openreplay.com/mastering-tailwind-css/
—-
Responsive Design On Steroids: CSS Container Queries
https://blog.openreplay.com/container-queries-for-responsive-design/
—-
How to make Perfect Rounded Corner Border-radius | CSS tips
https://www.youtube.com/watch?v=75CoeFpO374
#css #html #container #query #tailwind #onlineTutorials
freeCodeCamp.org
How to Optimize Your CSS Code for Faster Web Pages
CSS is more than just a tool for styling. It also determines how web pages render in a browser. Well-optimized CSS means faster loading times and a smoother user experience. In today's digital landscape, the performance of a website is a key factor in its…
How to Add Scrolling & Sticky Headers to HTML Tables with CSS
https://www.youtube.com/watch?v=uMtyxRSqxIk
—-
Learn how to use Media queries & Container queries
https://www.youtube.com/watch?v=2rlWBZ17Wes
—-
#css #html #container #query #table
https://www.youtube.com/watch?v=uMtyxRSqxIk
—-
Learn how to use Media queries & Container queries
https://www.youtube.com/watch?v=2rlWBZ17Wes
—-
#css #html #container #query #table
YouTube
How to Add Scrolling & Sticky Headers to HTML Tables with CSS
It only takes a bit of CSS to make your HTML tables scrollable with some sticky headers. This is useful if you have a lot of rows in your table but don't want to take up too much space on the webpage.
For your reference, check this out:
https://develope…
For your reference, check this out:
https://develope…
Querying Made Easy: Exploring Angular’s Query Signals
https://netbasal.com/querying-made-easy-exploring-angulars-query-signals-ca850b5db892
—-
Reduce Angular Boilerplate with Decorators
https://medium.com/@timju/reduce-angular-boilerplate-by-95-with-decorators-ef4bb916cd86
#angular #query #decorator
https://netbasal.com/querying-made-easy-exploring-angulars-query-signals-ca850b5db892
—-
Reduce Angular Boilerplate with Decorators
https://medium.com/@timju/reduce-angular-boilerplate-by-95-with-decorators-ef4bb916cd86
#angular #query #decorator
Medium
Querying Made Easy: Exploring Angular’s Query Signals
The release of version v17.2.0-rc.0 marks another significant step in the journey of signals within Angular with the introduction of…
Folder Structures in React Projects
https://dev.to/itswillt/folder-structures-in-react-projects-3dp8?ref=dailydev
—-
Building a Complete Food Mobile App with React Native and Strapi
https://medium.com/strapi/building-a-complete-food-mobile-app-with-react-native-and-strapi-7daffa5d275c
—-
When to Use React Query vs useEffect for Data Fetching
https://blog.stackademic.com/when-to-use-react-query-vs-useeffect-for-data-fetching-be5af8112daf
—-
Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle
https://www.youtube.com/watch?v=gMx1LUAA-xE
—-
#nextjs #react #query #useEffect #folder #structure
https://dev.to/itswillt/folder-structures-in-react-projects-3dp8?ref=dailydev
—-
Building a Complete Food Mobile App with React Native and Strapi
https://medium.com/strapi/building-a-complete-food-mobile-app-with-react-native-and-strapi-7daffa5d275c
—-
When to Use React Query vs useEffect for Data Fetching
https://blog.stackademic.com/when-to-use-react-query-vs-useeffect-for-data-fetching-be5af8112daf
—-
Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle
https://www.youtube.com/watch?v=gMx1LUAA-xE
—-
#nextjs #react #query #useEffect #folder #structure
DEV Community
⚛️ Folder Structures in React Projects
Organizing files and directories within a React project is crucial for maintainability, scalability,...
Build and Deploy a Next-Gen AI SaaS Platform Using Next.js
https://www.youtube.com/watch?v=zfAb95tJvZQ
—-
Avoiding Unnecessary Re-renders: Common Mistakes in React Applications
https://medium.com/@khushi1399gupta/avoiding-unnecessary-re-renders-common-mistakes-in-react-applications-9f5036eedf7e
——
Build a notes app with React Query and json server - starting from failing unit tests!
https://reactpractice.dev/exercise/build-a-notes-app-with-react-query-and-json-server/?utm_source=newsletter.reactdigest.net&utm_medium=newsletter&utm_campaign=sneaky-react-memory-leaks
—-
Combining React Server Components with react-query for Easy Data Management
https://frontendmasters.com/blog/combining-react-server-components-with-react-query-for-easy-data-management/?utm_source=newsletter.reactdigest.net&utm_medium=newsletter&utm_campaign=sneaky-react-memory-leaks
—-
Sneaky React Memory Leaks: How useCallback and closures can bite you
https://schiener.io/2024-03-03/react-closures
—-
Top 40 ReactJS Interview Questions and Answers for 2024
https://javascriptcentric.medium.com/top-40-reactjs-interview-questions-and-answers-for-2024-70c94e5fccca
—-
React Design Patterns
https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb
#react #nextjs #AI #saas #design #pattern #interview #query #serverComponent
https://www.youtube.com/watch?v=zfAb95tJvZQ
—-
Avoiding Unnecessary Re-renders: Common Mistakes in React Applications
https://medium.com/@khushi1399gupta/avoiding-unnecessary-re-renders-common-mistakes-in-react-applications-9f5036eedf7e
——
Build a notes app with React Query and json server - starting from failing unit tests!
https://reactpractice.dev/exercise/build-a-notes-app-with-react-query-and-json-server/?utm_source=newsletter.reactdigest.net&utm_medium=newsletter&utm_campaign=sneaky-react-memory-leaks
—-
Combining React Server Components with react-query for Easy Data Management
https://frontendmasters.com/blog/combining-react-server-components-with-react-query-for-easy-data-management/?utm_source=newsletter.reactdigest.net&utm_medium=newsletter&utm_campaign=sneaky-react-memory-leaks
—-
Sneaky React Memory Leaks: How useCallback and closures can bite you
https://schiener.io/2024-03-03/react-closures
—-
Top 40 ReactJS Interview Questions and Answers for 2024
https://javascriptcentric.medium.com/top-40-reactjs-interview-questions-and-answers-for-2024-70c94e5fccca
—-
React Design Patterns
https://baguilar6174.medium.com/react-design-patterns-6ab55c5ebafb
#react #nextjs #AI #saas #design #pattern #interview #query #serverComponent
YouTube
Build and Deploy a Saas Podcast Platform in Next.js
Build a unique Software-as-a-Service app with AI-powered features like text-to-multiple-voices functionality and AI-generated images with Next.js 14 and Convex.
⭐ Convex - https://convex.dev/c/jsmastery
🌟 Clerk - https://go.clerk.com/VFH8CMR
🎨 AI Podcast…
⭐ Convex - https://convex.dev/c/jsmastery
🌟 Clerk - https://go.clerk.com/VFH8CMR
🎨 AI Podcast…
How to Use the App Directory in Next.js
https://www.freecodecamp.org/news/app-directory-nextjs/
---
Creating a Reusable Component in React: Handling Unlimited Future Changes
https://dev.to/nadeemkhanrtm/creating-a-reusable-component-in-react-handling-unlimited-future-changes-mgi
---
Advanced Server Rendering | React Query with Next.js App Router
https://dev.to/ryanmabrouk/advanced-server-rendering-react-query-with-nextjs-app-router-bi7
#react #nextjs #query
https://www.freecodecamp.org/news/app-directory-nextjs/
---
Creating a Reusable Component in React: Handling Unlimited Future Changes
https://dev.to/nadeemkhanrtm/creating-a-reusable-component-in-react-handling-unlimited-future-changes-mgi
---
Advanced Server Rendering | React Query with Next.js App Router
https://dev.to/ryanmabrouk/advanced-server-rendering-react-query-with-nextjs-app-router-bi7
#react #nextjs #query
freeCodeCamp.org
How to Use the App Directory in Next.js
When you're building a project using the latest version of Next.js, you'll be prompted to select between using the app/ directory or the pages/ directory. The app/ directory is now the recommended way of building apps in Next.js. In this article, you'll…
Create Floating Label Input Using Tailwind CSS
https://dev.to/driannaird/create-floating-label-input-using-tailwind-css-3409
---
Advanced CSS Selectors – How and When to Use Them
https://www.freecodecamp.org/news/advanced-css-selectors/
---
What Are CSS Container Style Queries Good For?
https://www.smashingmagazine.com/2024/06/what-are-css-container-style-queries-good-for/
---
Tailwind CSS Refund Form Component Examples
https://dev.to/themesberg/tailwind-css-refund-form-component-examples-78a
---
CSS Container Queries
https://css-tricks.com/css-container-queries/
---
#css #label #tailwind #container #query #selector
https://dev.to/driannaird/create-floating-label-input-using-tailwind-css-3409
---
Advanced CSS Selectors – How and When to Use Them
https://www.freecodecamp.org/news/advanced-css-selectors/
---
What Are CSS Container Style Queries Good For?
https://www.smashingmagazine.com/2024/06/what-are-css-container-style-queries-good-for/
---
Tailwind CSS Refund Form Component Examples
https://dev.to/themesberg/tailwind-css-refund-form-component-examples-78a
---
CSS Container Queries
https://css-tricks.com/css-container-queries/
---
#css #label #tailwind #container #query #selector
DEV Community
Create Floating Label Input Using Tailwind CSS
Hi guys, I wanna show you about floating label input of course using tailwind css😎 Here's the...
New CSS media queries syntax
https://dev.to/perisicnikola37/new-css-media-queries-syntax-45og?ref=dailydev
—-
Two Powerful Techniques: CSS Resetting And Normalizing
https://blog.openreplay.com/two-powerful-techniques--css-resetting-and-normalizing/
—-
Beyond Media Queries: Best Practices For Responsive Web Design
https://blog.openreplay.com/beyond-media-queries--best-practices-for-responsive-web-design/
—-
Using The Upcoming CSS When/Else Rules
https://blog.openreplay.com/using-the-upcoming-css-when-else-rules/
—-
#css #responsive #query
https://dev.to/perisicnikola37/new-css-media-queries-syntax-45og?ref=dailydev
—-
Two Powerful Techniques: CSS Resetting And Normalizing
https://blog.openreplay.com/two-powerful-techniques--css-resetting-and-normalizing/
—-
Beyond Media Queries: Best Practices For Responsive Web Design
https://blog.openreplay.com/beyond-media-queries--best-practices-for-responsive-web-design/
—-
Using The Upcoming CSS When/Else Rules
https://blog.openreplay.com/using-the-upcoming-css-when-else-rules/
—-
#css #responsive #query
DEV Community
New CSS media queries syntax 💥
Say goodbye to Min-Width & Max-Width👋🏻 The new CSS media query syntax revolutionizes...