Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
JSX (JavaScript XML)
JSX is an XML-like syntax extension to ECMAScript without any defined semantics that allows creation of DOM trees. Being a syntactic sugar, JSX is generally transpiled into nested JavaScript function calls structurally similar to the original JSX.
- GitHub: https://github.com/topics/jsx
- Wikipedia: https://en.wikipedia.org/wiki/JSX_(JavaScript)
- Repo: https://github.com/facebook/jsx
- Created by: Facebook
- Released: August 4, 2022
- Related Topics: jxon, xhp, xml, babel, reactjs, vhtml, mithril, hyperscript, ijk, hdom,
- Last updated: 2024-11-07 00:15:45 UTC
- JSON Representation
https://github.com/cristianv0117/over-app-front
FRONT OVER APP NEXT JS AND TYPESCRIPT
bootstrap5 css3 html jsonwebtoken jsx nextjs reactjs spa typescript
Last synced: 11 Oct 2024
https://github.com/patryk-majchrzak/personal_homepage
Personal homepage which lists set of my technical skills and what I would like to learn in the future. It can be treated as an addition to my CV. Check it out!
api i18next javascript jsx react-i18next reactjs redux redux-saga redux-toolkit styled-components
Last synced: 14 Oct 2024
https://github.com/mahammad-mostafa/retink-home-page
Responsive home page for Retink media using ReactJS with Hooks. Implemented some css animations and hovering interactions.
css-flexbox css-grid css3 hooks html html-css-javascript html5 javascript js jsx react react-hooks reactjs responsive-layout
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/space-travelers-hub
This is the fifth project of the third module in the Microverse program. It is a group project using React & Redux to build a simple space hub.
create-react-app css-flexbox css-modules es6-javascript jest jest-snapshots jsx microverse microverse-projects microverse-students react-hooks react-jest react-router reactjs redux-logger redux-thunk redux-toolkit responsive-layout single-page-app
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/hello-react-front-end
This is the third project in the full stack capstone of the Microverse program. It is an exercise for using React & Redux as a frontend for a simple page app.
es6-javascript eslint frontend-web gitflow-workflow jsx microverse microverse-projects microverse-students react-hooks react-redux react-router react-router-dom reactjs redux redux-thunk redux-toolkit responsive-layout stylelint webpack
Last synced: 18 Oct 2024
https://github.com/tclindner/eslint-config-react-tc
ESLint shareable config for React projects
eslint javascript jsx linting naming-conventions react style-guide style-linter styleguide
Last synced: 11 Oct 2024
https://github.com/atmaram-kambli/react-frontend-challenges
challenges frontend jsx reactjs tailwindcss
Last synced: 11 Oct 2024
https://github.com/vaibhavdixit09/taskmanagemnetfrontend
TaskMaster Pro - Advanced Task Management System with Google Authentication
cron cryptography css3 expressjs javascript jsx mongodb nodejs passportjs reactjs
Last synced: 11 Oct 2024
https://github.com/aayushyadavz/react-basics-notes
Basically in this repo you will find the React topic wise codes with notes on every line of code. Beginner friendly React notes, you can learn, revise e.t.c.
babel complex-state components-react destructuring-objects expressions jsx reactjs spread-operator usestate-hook
Last synced: 11 Oct 2024
https://github.com/adityaghode92/movie-recommendation-app
Movie Recommendation System based on TMDB API
jsx reactjs reduxjs reduxjs-toolkit tailwindcss
Last synced: 11 Oct 2024
https://github.com/roydukkey/jsx-destruct
This tiny package allows you to unpack values directly in JSX statements
Last synced: 13 Oct 2024
https://github.com/saulwolfdev/react-review
Todo list, repaso de conceptos en la nueva versión de React
arrow-functions async-await destructuring filter json jsx map npm prop-types react
Last synced: 11 Oct 2024
https://github.com/andrei-markeev/timerquiz
Simple quiz application built with Node.js, MongoDb and server-side JSX-templates. https://timerquiz.vercel.app
jsx mongodb node-js quiz-application typescript
Last synced: 15 Oct 2024
https://github.com/yogadeepan29/react--day-23--shopping_cart_task
Day-23 Task ( React ) - Demo Shopping Cart
bootstrap components ecommerce html-css-javascript jsx props react usestate
Last synced: 11 Oct 2024
https://github.com/arthurclaro/metafisic
O METAFISIC foi criado para ser seu parceiro na jornada de desenvolvimento muscular. Ao utilizar nosso sistema de hipertrofia alvo, você terá um caminho claro e eficaz para atingir seus objetivos. Estamos aqui para apoiá-lo a cada passo, garantindo que você alcance a melhor versão de si mesmo.
javascript jsx nestjs prisma react sass typescript
Last synced: 06 Nov 2024
https://github.com/abhishekgurjar-in/fylo-cloud-storage
The Fylo frontend website showcases a sleek and user-centric design, emphasizing simplicity and ease of use for cloud storage and file management. This frontend is crafted to offer an engaging and intuitive user experience, providing essential functionalities such as file upload, sharing.
css fylo-data-storage fylo-landing-page javascript jsx react web-development
Last synced: 11 Oct 2024
https://github.com/soorajvp/basic-next.js
Basic Nextjs Application for learing the routing mechanics, rendering techniques with server side rendering .
ap clientside-rendering jsx nexjs server-side-rendering tailwindcss
Last synced: 11 Oct 2024
https://github.com/bradgarropy/weighter-react
Web application to track your weight over time!
axios babel eslint express expressjs javascript jsonwebto jsx node nodjs react react-router reactjs web-app web-application webpack
Last synced: 12 Oct 2024
https://github.com/deemon13/react-components-profile
components css-modules editorconfig eslint gh-pages html javascript json jsx prettier prop-types react vite
Last synced: 11 Oct 2024
https://github.com/vk-sigma17/react_todolist
App Link
css html javascript jsx react-hooks react-redux-toolkit reactjs
Last synced: 11 Oct 2024
https://github.com/techycode-01/passwordgenerator
This is a simple project using React and Tailwind CSS that generates random passwords including numbers, alphabets, and special characters. It also includes a functionality to copy the generated password to the clipboard.
Last synced: 11 Oct 2024
https://github.com/danrayss/react-foundation-ulbi
Практика по курсу "React JS фундаментальный курс от А до Я".
Last synced: 11 Oct 2024
https://github.com/oscararismendi/twitter-follow-card
A simple React application that displays a list of Twitter-like follow cards.
Last synced: 11 Oct 2024
https://github.com/neelakandanv/mycrm-fe
MyCrm - A Simple and Secure CRM App with tokenized requests and role based authorizations.
axios css3 font-awesome formik git github html5 javascript jsx material-ui netlify react-bootstrap reactjs reactrouterv6 vite yup
Last synced: 11 Oct 2024
https://github.com/huntermahmud/gadgetzone-client
This is job task of Programming Hero batch 9.
Last synced: 11 Oct 2024
https://github.com/deepanagarjan/to-do-react-task
TO-DO task
crud css3 html5 javascript jsx reactjs
Last synced: 11 Oct 2024
https://github.com/balamurugan-annadurai/react-shopping-cart-redux
About A responsive shopping website built with React.js, featuring dynamic product management and an interactive shopping cart. Users can add, remove, and update product quantities, with real-time updates on total price and stock availability
css3 html5 javascript jsx react
Last synced: 11 Oct 2024
https://github.com/xontab/react-forms-component
Form Component including validation for React
boilerplate forms jsx react validation webpack
Last synced: 13 Oct 2024
https://github.com/impooya/cms-site-fa
cms panel website
axios jsx mysql nodejs react-query reactjs routes
Last synced: 11 Oct 2024
https://github.com/deepanagarjan/dynamic-price-card
React Day 2 Guvi Task : Price-Card Dynamic
bootstrap css3 dynamic html5 javascript jsx pricecard reactjs responsive-design
Last synced: 11 Oct 2024
https://github.com/mahammad-mostafa/hello-rails-react
This is the first project in the full stack capstone module of the Microverse program. It is an exercise for using Rails with React through jsbundling-rails gem & WebPack.
api babel es6-javascript eslint gitflow-workflow jsbundling-rails jsx microverse microverse-projects microverse-students postgresql rails-api react-redux react-router reactjs redux-toolkit rubocop ruby-on-rails stylelint webpack
Last synced: 18 Oct 2024
https://github.com/guptamudit/e-learn
Learning Management Platform. This E-Learn Platform is based on NextJs. The Authentication is provided by Clerk Authentication and backend cloud storage and schemas is provided by HyGraph, a platform where GraphQl queries helps in importing databases and perform operations on them.
clerkauth graphql hygraph java jsx lucide-react nextjs react tailwindcss
Last synced: 11 Oct 2024
https://github.com/i9or/basictodo
:white_check_mark: Production ready to-do list web application
bootstrap5 bun drizzle-orm free-software hono htmx jsx server-side-rendering sqlite
Last synced: 14 Oct 2024
https://github.com/dylanvann/jsx-to-html
An online tool to make a best effort conversion of JSX to code that's usable in other frameworks.
Last synced: 13 Oct 2024
https://github.com/mherman22/ktminv-frontend
carbon-design-system jsx reactjs reactjs-components typescript
Last synced: 15 Oct 2024
https://github.com/billstephens2022/pizza-react
A simple React app from a tutorial displaying a Pizza Menu. Demonstrates the use of React components, props, conditional rendering, and using map method to easily render data from arrays within a component
Last synced: 24 Oct 2024
https://github.com/offensive-vk/temp
My Personal Favourite Movies and Web Series Explorer. Find Everything.
ci docker github-actions jsx movie-finder movies ott react series tailwind tv
Last synced: 01 Nov 2024
https://github.com/luovtyrell/personal-budget-assistant
Track your income, expenses, analyze your spending, and set budget alerts. Built with React and Material UI.
css3 jsx material-ui nanostores reactjs recharts tailwindcss
Last synced: 01 Nov 2024
https://github.com/dzmitryur/weather-app-react
Weather Application in React with Axios, Tanstack Query, Tailwind CSS and Hooks
axios geolocation hooks jsx openweather-api react reactjs tailwind tailwindcss tanstack-query
Last synced: 01 Nov 2024
https://github.com/fawad-jawed/quiz-website-with-react
A simple and interactive quiz website built with React.js. This project allows users to test their knowledge across various topics through multiple-choice questions.
jsx quiz-website react react-hooks react-router reactjs
Last synced: 01 Nov 2024
https://github.com/jgabrielleal/jsx-simplify
Biblioteca leve para simplificar a lógica dentro do JSX, tornando o código mais limpo.
biblioteca frontend javascript jsx react
Last synced: 01 Nov 2024
https://github.com/ashwinsomi/react_quizapplication_1
application allows you play a quiz
Last synced: 01 Nov 2024
https://github.com/adarsh144/amazon-clone
Amazon Clone app made using react components, Vite, CSS, HTML and JavaScript.
css html javascript jsx react reactjs vite
Last synced: 01 Nov 2024
https://github.com/bogeyman76/documentvisible
A React hook to monitor if the current browser tab is visible or not.
javascript jsx react react-hook typescript-react
Last synced: 01 Nov 2024
https://github.com/azizulhakim6817/todo-list-add-remov-react
Todo List Add & Remove Project
jsx loop map react reactjs usestate-hook
Last synced: 01 Nov 2024
https://github.com/pengxiaohua/mini-react
手写React代码,实现React18核心功能,包含JSX、ReactDOM、Reconciler、Hooks、Suspense等。彻底掌握React实现原理,精通React。
dom-diff jsx react react-fiber react-hooks reactdom reconciler virtual-dom
Last synced: 01 Nov 2024
https://github.com/fredh2o/flex-trap-clothing.co
Clothing shop built on React for training and project showcase.
css3 html5 javascript jsx react-hooks react-router reactjs
Last synced: 01 Nov 2024
https://github.com/elliotalien/weather-app
This is a simple weather application built with React and Vite. It allows users to search for weather information of different cities.
api html javascript jsx reactjs tailwindcss vite weather-app
Last synced: 01 Nov 2024
https://github.com/mazin-emad/mazin_blog
This is a Blog project built with react js and uses firebase for the backed
firebase jsx reactjs responsive-design routing
Last synced: 01 Nov 2024
https://github.com/m-essam-s/we-fullstack-internship
Repository for comprehensive full stack development training. Features a modern front-end built with React and a robust back-end powered by PHP Laravel. This project showcases the integration of cutting-edge technologies to deliver dynamic, responsive web applications.
Last synced: 01 Nov 2024
https://github.com/asheelahmedsiddiqui/project-e-commerce
Furnio - Online Furniture Shop Furnio is an e-commerce platform for furniture shopping, featuring: Easy Shopping: Browse, add to cart, and checkout effortlessly. Real-Time Updates: Admins can add products and categories instantly. Insights Dashboard: Monitor user activity and order statistics. Transform your home with Furmio's stylish offerings!
css css3 ecomerce-web-app ecommerce-application ecommerce-website html html5 javascript javascript-applications js jsx react react-dom react-hooks react-router reactjs
Last synced: 01 Nov 2024
https://github.com/jeonggoncho/react-practice-diary
📕 React를 이용하여 제작한 'Diary 클론코딩'입니다.
clone-coding javascript jsx react
Last synced: 01 Nov 2024
https://github.com/devstephen/investment-calc
components jsx lifting-state-up props reactjs state
Last synced: 11 Oct 2024
https://github.com/tjx666/adobe-jsx
command line tool to execute adobe extendscript .jsx file
adobe aftereffects cli command-line-tool extendscript jsx photoshop
Last synced: 24 Oct 2024
https://github.com/milliorn/airbnb-experiences-landing-page
Clone Landing Page
airbnb airbnb-clone autoprefixer clone html html-css html-css-javascript html5 js jsx landing landing-page landing-pages postcss react reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 26 Oct 2024
https://github.com/milliorn/travel-journal
Travel landing page in React using Tailwind.
autoprefixer css html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage postcss react react-uuid reactjs tailwind tailwind-css tailwindcss typescript
Last synced: 26 Oct 2024
https://github.com/milliorn/styled-components-landing-page
Repo for me to learn style components
html html-css html-css-javascript html5 javascript js jsx landing landing-page landingpage react react-icons reactjs styled-component styled-components
Last synced: 26 Oct 2024
https://github.com/milliorn/tea-cozy
Template done in Tailwind UI using GatsbyJS
autoprefixer css gatsby gatsby-site gatsby-starter gatsbyjs html html-css html-css-javascript html5 javascript js jsx postcss preact tailwind tailwind-css tailwindcss template
Last synced: 26 Oct 2024
https://github.com/olawale-o/react-space-travelers
This is a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.
css jsx react-bootstrap react-router reactjs redux
Last synced: 18 Oct 2024
https://github.com/olawale-o/react-todo-app
"React Todo App" is a tutorial on how to work with React.
Last synced: 18 Oct 2024
https://github.com/saicharanuvaraj/codecraft2024
A website created by team work for an hackathon event conducted in college using vite powered reactjs and tailwindcss
css3 html5 javascript jsx reactjs tailwindcss vite
Last synced: 28 Sep 2024
https://github.com/jefersoneiji/social-app-front-end
this is the front-end code of social-app
dayjs-plugin firebase-realtime-database javascript jsx materia-ui react-redux reactjs redux
Last synced: 01 Nov 2024
https://github.com/muhammadsalmankhan333/reactcart_layout
I have created this Add to Cart Layout in which price will be calculated according to the image size and we also giving the discount which will be applied on the original Price. And the Discounted Price will be shown Dynamically. Add , Edit and Delete Product Functionality are added.
Last synced: 11 Oct 2024
https://github.com/mahammad-mostafa/redux-cart-tutorial
This is the fourth project of the third module in Microverse program. It is an exercise tutorial to practice Redux toolkit with React framework.
css-modules es6-javascript jsx microverse microverse-students react-hooks reactjs redux-thunk redux-toolkit resposive-layout single-page-app
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/book-store
This is the third project of the third module in the Microverse program. It implement Redux toolkit with ReactJS app.
axios css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks react-redux react-router redux redux-thunk redux-toolkit responsive-layout single-page-app
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/math-magicians
This is the first project of the third module in the Microverse program. It is a single page site with basic calculator tool using ReactJS framework.
create-react-app es6 jsx microverse microverse-projects microverse-students react react-components react-hooks reactjs responsive-layout single-page-app
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/acceleratorapp-home-page
Built the complete home page for AcceleratorApp. The page is responsive for all screen sizes. Used GatsbyJS and ReactJS with Hooks. Implemented page styling in Module CSS.
css-grid css3 es6-javascript flexbox-css gatsby gatsby-site gatsby-starter gatsbyjs graphql html5 javascript jsx jsx-syntax module-css react react-hooks reactjs responsive
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/redux-thunk-exercise
This is the fifth project in the third module of Microverse program. It is an exercise for implementing async code using Thunks with Redux toolkit in a React app.
create-react-app css-modules es6-javascript jsx microverse microverse-projects microverse-students react react-hooks redux redux-thunk redux-toolkit rest-api single-page-app
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/react-tutorial
This is the second project of the third module in Microverse program. It is an exercise tutorial created with React framework.
css-modules es6-javascript gitflow-workflow jsx microverse microverse-projects microverse-students react react-hooks react-router reactjs single-page-app webpack
Last synced: 18 Oct 2024
https://github.com/mahammad-mostafa/list-viewer-demo
A simple ReactJS list viewer with animation. It fetches an endless user list with a flip animation. Hooks are used for data fetching and flip animation.
css-flexbox css-grid css3 css3-animations fetch-api hooks html5 javascript jsx react-hooks reactjs
Last synced: 18 Oct 2024
https://github.com/abhishekgurjar-in/social-media-theme-switcher
This theme switcher project allows users to toggle between light and dark themes on a social media-like interface. The application switches the colors of the entire user interface, including the background, text, and button colors, based on the selected theme.
css javascript jsx react social-media-dashboard social-media-theme-switcher web-development
Last synced: 11 Oct 2024
https://github.com/ianfabs/mithril-example
This is an example mithril app, that I have setup with a sweet config
frontend js jsx mithril mithril-starter mithriljs
Last synced: 19 Oct 2024
https://github.com/abhishekgurjar-in/bmi_calculator
The BMI Calculator is a responsive web application built with React. It takes the user's weight (in kilograms) and height (in centimeters) as inputs and calculates the BMI. The app then displays the calculated BMI along with a corresponding weight .
bmi-calculator css javascript jsx react web-development
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/movie-finder
The Movie Finder website is a React-based application designed to help users search for and explore movies and TV series. Whether you’re a film enthusiast or just looking for something new to watch, this website will offer a streamlined way to find what you’re looking for.
api css javascript jsx movie-finder react web-development
Last synced: 11 Oct 2024
https://github.com/mddanish00/react-utterances-client
Another React component for using Utterances 🔮 on your website!
Last synced: 15 Oct 2024
https://github.com/chetannada/firstreactapp
This is my first react app. I have used an avatar API so viewer can change an illustrated Avatar of Developers by clicking on avatar.
api css3 html5 javascript jsx reactjs
Last synced: 15 Oct 2024
https://github.com/devhelpr/jsx-vanilla-dom
Basic jsx support for vanilla DOM typescript projects
dom-manipulation jsx typescript web-components
Last synced: 15 Oct 2024
https://github.com/chnicoloso/lit-jsx
A JSX runtime for LitElement
jsx jsx-runtime lit lit-element webcomponents webcomponents-framework webxr
Last synced: 15 Oct 2024
https://github.com/mahammad-mostafa/rank-math-wallet
That is a test project done for Rank Math. It is a simple crypto wallet page built using React & Sass.
css-flexbox css-modules css3 dark-theme es6-javascript eslint jsx light-theme react react-components reactjs responsive-layout sass state-management stylelint-scss webhint
Last synced: 15 Oct 2024
https://github.com/joaoplgaspar/studies-timing
Defina tarefas e o tempo para conclui-las, com um formulário, lista e cronometro funcional.
css cssmodules html javascript js jsx organization react reactjs reactts sass scss studies ts tsx typescript vitrinedev
Last synced: 15 Oct 2024
https://github.com/ashlyn-joshy/quick-bite
This react app is built using the live Swiggy API's
babel jsx parcel-bundler react react-router-dom redux-toolkit tailwind
Last synced: 11 Oct 2024
https://github.com/andriikot/react_01__usestate
React
babel css html5 js jsx react reactelement usestate vanilla-javascript
Last synced: 11 Oct 2024
https://github.com/tush-tr/react-practices
Introduction to React.js and some practice projects in React.js
html javascript javascript-es6 jsx nodejs react react-components reactjs
Last synced: 20 Oct 2024
https://github.com/aledonatto/reservacionhotel
axios hooks-api-react javascript jsx react react-router-dom tailwindcss
Last synced: 11 Oct 2024