Projects in Awesome Lists tagged with conditional-rendering

https://github.com/ndiego/block-visibility

Conditional visibility controls for all WordPress blocks.

conditional-rendering gutenberg-blocks visibility wordpress wordpress-plugin

Last synced: 05 Apr 2025

https://github.com/KonstantinSimeonov/tsx-control-statements

Control flow JSX/TSX elements that get compiled to plain old javascript.

conditional-rendering control-statements if jsx loop react transformer tsx typescript

Last synced: 24 Apr 2025

https://github.com/konstantinsimeonov/tsx-control-statements

Control flow JSX/TSX elements that get compiled to plain old javascript.

conditional-rendering control-statements if jsx loop react transformer tsx typescript

Last synced: 09 Apr 2025

https://github.com/oliverloops/react-hider

🎩 A minimalist show or not library based on conditional rendering foundations

conditional-rendering jsx react

Last synced: 12 Apr 2025

https://github.com/svyatov/clsx-rails

clsx / classnames for Rails views

actionview classnames clsx conditional-rendering rails-helper ruby-gem ruby-gems ruby-on-rails

Last synced: 24 Apr 2025

https://github.com/pardnchiu/QuickUI

QuickUI is a lightweight frontend framework built on vanilla JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.

chiuchingwei conditional-rendering front-end-framework javascript-library loop-rendering native-api pardnchiu pardnio pardnltd ui-framework vanilla-javascript virtual-dom

Last synced: 14 Apr 2025

https://github.com/ivanhuay/rc-if

React Component for conditional rendering

conditional-rendering ngif react reactjs

Last synced: 12 May 2025

https://github.com/pardnchiu/quickui

QuickUI is a lightweight frontend framework built on vanilla JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.

chiuchingwei conditional-rendering front-end-framework javascript-library loop-rendering native-api pardnchiu pardnio pardnltd ui-framework vanilla-javascript virtual-dom

Last synced: 11 Jun 2025

https://github.com/boddepallyvenkatesh06/venkykumar06-me_qkart_frontend_v2

QKart is an e-commerce application offering a variety of products for customers to choose from.

conditional-rendering debouncing deployment developer-tools error-handling es6-javascript event-handling json keyword-search lifecycle-methods localstorage material-ui-react react-hooks react-router react-state-and-props reactjs responsive-design rest-api

Last synced: 27 Mar 2025

https://github.com/pk170970/react-project-10-grocerytodo

Grocery todo with React having edit , clear and delete functionality

conditional-rendering localstorage react useeffect usestate

Last synced: 29 Mar 2025

https://github.com/pktcodes/react-advanced-v2

React Advanced

conditional-rendering context-api custom-hooks form forms hooks john-smilga leverage-javascript performance project-structure react useeffect usereducer useref usestate vite

Last synced: 22 Feb 2025

https://github.com/boddepallyvenkatesh06/qtify

QTify is an music album website which consists of variety of albums, songs which user can browse.

accordion-flexbox conditional-rendering css3 functional-programming hooks material-ui reactjs swipperjs toaster

Last synced: 27 Mar 2025

https://github.com/jamal-saadeddin/counter-app

My first React project, learned at codewithmosh.com.

conditional-rendering handling-events react react-components react-props

Last synced: 13 Mar 2025

https://github.com/hardyyb2/react-conditional-match

component KIT to improve Developer eXperience.

conditional-rendering javascript jsx react typescript

Last synced: 15 Mar 2025

https://github.com/vldmrgnn/react-context-switch

Conditional JSX Rendering, using the power of React Context API.

conditional-rendering jsx react

Last synced: 11 Jun 2025

https://github.com/boddepallyvenkatesh06/qtrip-dynamic

QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.

bootstrap5 conditional-rendering css3 es6 event-handling html5 http-server javascript-library localstorage netlify-responsive-design render-developer-tools rest-api

Last synced: 27 Mar 2025

https://github.com/taiseen/employ-crud

Employ Info - Dev11 | CURD

conditional-rendering crud css dev-11 github-hosting primitive-css react react-js

Last synced: 02 Mar 2025

https://github.com/diegoivg98/portafolio-dv

React-Vite-Portafolio

conditional-rendering portfolio portfolio-website react-icons react-scroll reactjs tailwindcss usestate vite

Last synced: 14 Mar 2025

https://github.com/pk170970/react-project-9-color-generator

React color generator project with values.js library to fetch different shades of colors

conditional-rendering hooks rgbtohex useeffect usestate

Last synced: 15 Jun 2025

https://github.com/roygitt/foodie-reactjs

A Frontend of a food ordering app .Focusing more on the functionality keeping the UI minimalistic.

conditional-rendering context-api forward-ref modal-windows react-components react-hooks reactjs responsive-design usecontext-hook useeffect-hook usereducer-hook useref-hook usestate-hook

Last synced: 21 Mar 2025

https://github.com/diegoivg98/react-openbootcamp

Recopilacion ejercicios ReactJS de OpenBootcamp

axios axios-react bootstrap bootstrap-icons conditional-rendering material-ui openbootcamp prop-types react-router react-router-dom react-router-v6 reactjs redux redux-saga redux-toolkit usecontext usereducer

Last synced: 14 Mar 2025

https://github.com/milindkusahu/qtrip-dynamic

QTrip Dynamic is a travel website aimed at travelers looking for a multitude of adventures in different cities.

bootstrap bootstrap-carousel conditional-rendering css curl deployment developer-tools dom-manipulation es6 event-handling heroku html http javascript json localstorage netlify-cli responsive-design rest

Last synced: 07 Apr 2025

https://github.com/pk170970/react-project-4-accordian

Simple Accordian made using React

conditional-rendering usestate

Last synced: 29 Mar 2025

https://github.com/dipeshduwal/cv-application

A feature-rich Resume Builder application that allows users to create, customize, and download professional resumes.

axios conditional-rendering css express javascript jspdf jsx jwt nodejs nodemailer postgresql react reactrouter6 state-management vite

Last synced: 09 Feb 2025

https://github.com/asbhogal/react-fundamentals

A simple repo showing different fundamentals and good practices in React, covering state management, passing children and functions to components via props and conditional rendering. Written in TypeScript and styled using Bootstrap.

bootstrap bootstrap5 conditional-rendering prop-types react react-basics react-components react-fundamentals react-fundamentals-concepts reactjs state-management ts tsx typescript vite vitets

Last synced: 14 Mar 2025

https://github.com/bahrus/be-switched

be-switched is a template behavior that lazy loads content when conditions are met.

behavior conditional-rendering custom-element custom-elements web-component web-components

Last synced: 15 Apr 2025

https://github.com/pk170970/react-project-7-reviews

React Project with kerogel

conditional-rendering css html useeffect-hook usestate

Last synced: 29 Mar 2025

https://github.com/mr-hrr-harry/my_react_documentation

This is my repo on Reactjs the way I started to learn and master the ReactJS. Hope this would help you out!

async-await class-components conditional-rendering event-handling fetch-api fetch-data form-handling function-components modules props react-components reactjs rendering routing services set-state state then-catch

Last synced: 31 Mar 2025

https://github.com/pk170970/react-project-6-job-description

Simple React project with different job descriptions

conditional-rendering html useeffect usestate

Last synced: 16 Jun 2025

https://github.com/debabrata-pw08-429/qtripdynamic

QTripDynamic : A travel website offering city adventures with features like multi-select filters, reservation support, and backend deployment.

bootstrap-carousel conditional-rendering curl developer-tools dom-manipulation event-handling localstorage netlify-cli responsive-design

Last synced: 20 Feb 2025

https://github.com/kaplanh/task-traker

conditional-rendering localstorage props-drilling react react-event-handlers useeffect-hook usestate-hook

Last synced: 26 Feb 2025

https://github.com/palmcivet/markdown-it-conditional-render

Plugin for creating if-else conditional blocks for markdown-it markdown parser

conditional-rendering markdown-it markdown-it-plugin

Last synced: 06 Mar 2025

https://github.com/kaplanh/react-router-dom-example

axios-react bootstrap5 conditional-rendering navigate-component navlink-element nested-routes private-routing react-router-dom reaxt useeffect-hook uselocation-hook usenavigate-hook useparams-hook usestate-hook

Last synced: 19 Jun 2025

https://github.com/kaplanh/appointment_app

bootstrap5-grid conditional-css-import conditional-rendering filter map props-drilling react react-bootsrap react-bootstrap-form react-event-handlers react-icon responsive-design semantic-commits toggle usestate-hook

Last synced: 26 Feb 2025

https://github.com/kaplanh/language-cards

conditional-rendering react rendering-list usestate-hook

Last synced: 26 Feb 2025

https://github.com/kaplanh/appointment-app-law

conditional-rendering react react-bootstrap react-events react-icons usestate-hook

Last synced: 26 Feb 2025

https://github.com/akhil07-ctrl/digital-timer

conditional-rendering reactjs schedulers

Last synced: 07 Mar 2025

https://github.com/vivekshaarma/qtrip-dynamic

QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.

conditional-rendering css3 es6 event-handling html5 javascript localstorage responsive-design rest-api

Last synced: 16 Apr 2025

https://github.com/miro-wq/goit-react-hw-02-feedback

This homework task is a React-based feedback widget designed for Expresso Café to collect customer opinions. The application allows users to provide feedback as positive, neutral, or negative, and displays statistics based on the collected data.

components conditional-rendering css-modules data-calculations reactjs refactoring state-management

Last synced: 15 Mar 2025

https://github.com/tedjenkler/rest-countries-api-with-color-theme-switcher

Challange by frontendmentor made by Teodor Jenkler showing of my knowledge in API, UseState, UseEffect, Mapping out lists(Cards) and conditional rendering with JS and CSS

api conditional-rendering reactjs useeffect usestate

Last synced: 15 Mar 2025

https://github.com/vivekshaarma/qkart-frontend-v2

conditional-rendering debouncing mui-material react-hooks reactjs

Last synced: 19 Apr 2025

https://github.com/ranjeet2311/react-quiz-app

Show 10 questions, on next step shows if last answer was right or wrong as well as new question. At last shows total score.

conditional-rendering mapping react

Last synced: 11 Jun 2025

https://github.com/ibnzuk/react_food_ordering

Experimental serverless React food ordering application with the option to add items to cart and read order status

conditional-rendering glass ibnz ibnz-developers ibnzuk modal react react-components

Last synced: 31 Mar 2025

https://github.com/kaplanh/nba-legends

conditional-rendering filter includes map props react react-bootstrap tolowercase trim usestate-hook

Last synced: 11 Jun 2025

https://github.com/huzaifsk/react-practice

learned react props(properties), mapping, dev-tool, map, filter, reduce

complex-state components conditional-rendering destructuring devtools event-handling filter forms map props react react-hooks reduce spread-operator usestate-hook

Last synced: 24 Mar 2025

https://github.com/camilopinzon/context-api

This is a simple React application that demonstrates how to implement a theme toggler (light/dark mode) using the Context API. The theme is managed globally and can be toggled from any component within the application.

conditional-rendering context-api custom-hook react typescript

Last synced: 19 Feb 2025

https://github.com/iahmadiqbalbhatti/pizzamenuapp

Its a simple React JS App. Its for Learning ReactJS.

conditional-rendering javascript js jsx jsx-syntax react reactj ternary-operator

Last synced: 27 Feb 2025

https://github.com/developeromarfaruk/e-commerce

The simple product card adds to chart click than the show product price, product quantity, tax cost, shipping cost, and total cost. Checkout button click than the alert notification.

conditional-rendering css handling-events hooks reactjs

Last synced: 19 Feb 2025

https://github.com/nandhutee/weather-forecast-by-lat-and-long---understanding-folder-structure-server-side---l81jnfuz07jt

Weather Forecasting App allows users to input latitude and longitude coordinates, fetch weather forecasts from the Met Norway Weather API, and display the forecasted data in a tabular format on the webpage. Each component and function works together to create a seamless user experience for accessing weather information.

api-integration conditional-rendering css-styling date-formatting error-handling html nextjs-layout-component nextjs-routing react react-hooks reactjs

Last synced: 09 Apr 2025

https://github.com/bodnya29179/ngx-responsive-if

📱 ngx-responsive-if – Conditional rendering based on media queries.

angular conditional-rendering directive media-queries ngx-responsive-if responsive typescript ui

Last synced: 16 Mar 2025

https://github.com/yaserdemet/language-card

component conditional-rendering modulecss props

Last synced: 25 Mar 2025

https://github.com/siphamandlabili/google-keep-react

google keep react clone implemented with react js

conditional-rendering controlled-input react-state-management

Last synced: 20 Feb 2025

https://github.com/alun-price/vuefundamentals3

Code for lessons 29-31 on the Complete Vue Developer 2023 - conditional rendering, v-show directives and list rendering

conditional-rendering list-rendering v-show vue3

Last synced: 21 Jun 2025

https://github.com/ejiroosiephri/weather-app-challenge

weather app with react

conditional-rendering controlled-components props-and-state-components reactjs scss-framework useeffect-hook useref

Last synced: 01 Mar 2025

https://github.com/adimisdev/adimis-react-formix

@adimis/react-formix is a powerful React library that simplifies form management and validation for modern web applications.

conditional-rendering react reacthookform schemaform shadcn-ui theme typescript zod

Last synced: 21 Feb 2025

https://github.com/vidhya0501/day22task18fsd_react_pricecard_vidhya

Price Card using React JS

bootstrap conditional-rendering css design getbootstrap javascript react-fontawesome reactjs

Last synced: 01 Mar 2025

https://github.com/pvinis/react-conditional-wrap

A simple component that helps you easily wrap components with other components, conditionally.

conditional-rendering react wrap

Last synced: 26 Mar 2025

https://github.com/abimanianandan/shop-homepage

https://shop-homepage-f37jgho6g-abimanianandans-projects.vercel.app/

conditional-rendering reactjs usestate

Last synced: 20 Mar 2025

https://github.com/vmosiichuk-dev/ps2-horror

React digital library with prices for PS2 collectors, connected to IGDB API, that utilizes a NodeJS reverse proxy. The app offers a wide range of features to facilitate collection management.

component-architecture conditional-rendering cors-headers css derived-states dynamic-styles event-handling javascript jsx lifecycle-methods node-js react reverse-proxy state-management

Last synced: 15 Jun 2025

https://github.com/kuzhalikumaraguru/shoppingcartreacttask

Shopping cart list in React.js

bootstrap conditional-rendering css hooks html jsx passing-data-between-components reactjs toggle-buttons usestate

Last synced: 21 Feb 2025

https://github.com/yuriyvyatkin/ra-hw-3.3-chat-history

ДЗ №3 к лекции «Props» курса «React» Нетологии

conditional-rendering props proptypes reactjs

Last synced: 23 Feb 2025

https://github.com/k5924/memegenerator

A simple react app to retrieve memes from an API and render text at the top and bottom of the image

api async await conditional-rendering event-listener props react useeffect usestate

Last synced: 23 Feb 2025

https://github.com/aniketsingh98571/eat-n-split

conditional-rendering states

Last synced: 02 Mar 2025

https://github.com/bunyamin54/nba-legends-app

Nba legens app

bootstrap conditional-rendering js react reactbootstrap

Last synced: 27 Mar 2025

https://github.com/abimanianandan/todo-app

Todo task using react

component conditional-rendering crud-application rectjs

Last synced: 20 Mar 2025

https://github.com/snigdhap2301/floorverse

A Universe of Floor Plan Possibilities

conditional-rendering cvae dataset deep-learning flask floorplan-construction generative-adversarial-network machine-learning-algorithms python

Last synced: 11 Apr 2025

https://github.com/sofiane-abou-abderrahim/react-investment-calculator

This project demonstrates essential React features: modular components, state management, conditional rendering, and value conversion. Users can estimate investment values by inputting parameters. Explore the code to enhance your React skills and start estimating investments effortlessly!

codebase components conditional-rendering css development-tools es6 frontend html investment-calculator javascript jsx open-source react reactsjs state-management utility-functions value-conversion web-application web-development

Last synced: 03 Apr 2025

https://github.com/a9na/react-projects

⚛️ A curated collection of React exercises and projects demonstrating core concepts such as state management, hooks, conditional rendering, and the Context API, aimed at building a deeper understanding of React development. 🚀

click-events conditional-rendering context-api hooks react state-management use-effect use-ref use-state

Last synced: 23 Jun 2025

https://github.com/isco81/password-manager-intermediate

Securely manage your passwords with this Python-based Password Manager. Features include random password generation, clipboard support, and a user-friendly GUI. 🔒💻

automation clipboard componentlifecycle conditional-rendering error-handling fernet fernet-encryption file-handling form-handling gui intermediate json json-manipulation password-generator password-manager programming tkinter uuid

Last synced: 24 Jun 2025

https://github.com/buzzraa/investment-calculator

This project is a project basic investment calculator app which is built using React.js. It covers concepts such as object / array destructuring, props, conditional rendering, useState

component conditional-rendering css destructuring-arrays destructuring-objects html javascript props reactjs usestate vite

Last synced: 03 Mar 2025

https://github.com/roygitt/error-handling-intermediate

Intermediate error handling in react.

conditional-rendering controlled-components filtering-data lifting-state-up mapping-data react usestate-hook

Last synced: 21 Mar 2025

https://github.com/roygitt/error-handling-advanced

Advanced error handling in react.

conditional-rendering mapping-data modal-window react react-portal styled-components uncontrolled-components useref-hook usestate

Last synced: 21 Mar 2025

https://github.com/daveberning/vue-render-if

Render Vue slots if properties are not undefined, null, empty strings, or a custom value. This helps avoid long and confusing v-ifs just to check if a property is valid.

conditional-rendering es6 javascript props vue

Last synced: 05 Apr 2025

https://github.com/roygitt/react-hooks-advanced

Hooks in depth with clean up functions and also the use of local storage.

conditional-rendering context-api error-handling localstorage react settimeout useeffect-hook usereducer-hooks usestate-hook

Last synced: 25 Jun 2025

https://github.com/miro-wq/react-feedback

This is a React-based feedback widget designed for Expresso Café to collect customer opinions. The application allows users to provide feedback as positive, neutral, or negative, and displays statistics based on the collected data.

components conditional-rendering css-modules data-calculations reactjs refactoring state-management

Last synced: 13 Apr 2025

https://github.com/samislam/conditionalize-component

a react HOC for rendering components conditionally

conditional-rendering conditionalinitializer react react-hoc

Last synced: 11 May 2025

https://github.com/kaplanh/reactrandomuser

bootstrap5 conditional-rendering fetch-api internationalisation internationalization optional-chaining react react-events semantic-commits useeffect-hook usestate-hook

Last synced: 25 Jun 2025

https://github.com/shivamchawda/github-user-founder

A react project build with firebase authentication provides the user sign-in/sign-up options. The user can search for any github profile and the app will fetchthe data along with their repositories.

axios-react bootstrap conditional-rendering context-api firebase-auth firebase-configuration github-profile react-router-dom react-strap react-toastify reactjs usestate-hook

Last synced: 04 Mar 2025

https://github.com/tsheporamantso/styling

Practice repo on different styling principles in react such as style-components, module-styles, conditional styling and tailwind css.

conditional-rendering conditional-styling inline-styles module-css styled-components tailwindcss

Last synced: 13 Mar 2025

https://github.com/reddy-epk/react-dark-mode

React Dark Mode to Light Mode converter app

conditional-rendering conversion dark-mode dark-theme

Last synced: 25 Feb 2025

https://github.com/reddy-epk/react-welcome-app

A react program for creating a responsive Subscription page.(If not subscribed, asks for subscription)

conditional-rendering rendering terinary

Last synced: 25 Feb 2025

https://github.com/sabha-mushtaq/userpage-react

A responsive login/sign-up form using React, Tailwind CSS, and Vite. Features dynamic toggling, additional sign-up fields, and a clean, mobile-friendly design.

conditional-rendering react usestate-hook

Last synced: 25 Feb 2025