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: 2025-01-09 00:19:23 UTC
- JSON Representation
https://github.com/alekrish-12/ecommerce-app
Shopping Website (Frontend) - Forever Shopping is a user-friendly e-commerce platform built with React.js (or Angular). It features easy login, product search, pagination, and a simple cart system. The responsive design ensures smooth browsing on all devices, with role-based access for personalized experiences. http://localhost:5173/
config css3 github-config html5 javascript jsx node-module package-json reactjs tailwind-css vite
Last synced: 14 Nov 2024
https://github.com/rxrow/react_admin_dashboard
React Admin Dashbourd (syncfusion)
jsx reactjs syncfusion tailwindcss
Last synced: 11 Oct 2024
https://github.com/zimnovich/mxn-jsx-transpiler
Transpiles JSX to regular JavaScript
javascript jsx preact react transpile transpiler
Last synced: 08 Jan 2025
https://github.com/jaynil1611/react-exercises
This repository contains all the react exercises done in Week 1 of NeogCamp LevelOne.
Last synced: 23 Nov 2024
https://github.com/pranitej/turbo-thrills
TurboThrills is a car marketplace website where users can buy and sell cars
bootstrap5 car css ecommerce es6 expressjs html javascript json jsx mern-stack mongodb node nodejs npm npx reactjs shop
Last synced: 15 Dec 2024
https://github.com/onjoseph/hello-rails-react
This repository contains a sample project that demonstrates how to connect a Ruby on Rails back-end with a React front-end. The goal of this exercise is to apply previous knowledge of using gems with Rails to connect the back-end with the front-end, while also introducing new techniques for handling JavaScript assets in a Rails application.
css html jsx postgresql rails react reactjs ruby
Last synced: 30 Nov 2024
https://github.com/wlodpawlowski/react-chat-application
Chat messenger web application developed with React, Redux, Webpack, Eslint, JavaScript, Babel and PubNub
babel chai chat-application css3 dom eslint html5 istanbul javascript json jsx messenger-application mocha pubnub-chatting pwa react react-components react-router redux webpack
Last synced: 24 Nov 2024
https://github.com/carlosvinimsouza/devplenoflaskreactjs
Desafio - contruir API com Flask e PageWeb com ReactJS
backend flask front-end full-stack javascript jsx python python3 react reactjs
Last synced: 12 Nov 2024
https://github.com/lucaswinkler/personal-site-v2
Iteration 2 of my personal website - built using React
es6 javascript jsx personal personal-site personal-website portfolio react sass scss
Last synced: 14 Nov 2024
https://github.com/rami24t/grocery-shopping-list-tracker
A fully-responsive webapp to solve the problem of forgetting what you need to buy from the grocery store
css html5 javascript jsx react shopping-list tailwind
Last synced: 30 Nov 2024
https://github.com/eugenia1984/numen-react
The final proyect wih React do it in group.
Last synced: 07 Jan 2025
https://github.com/aaimio/logicful-templates-example-ts
An example project demonstrating how to use the logicful-templates library when using TypeScript
jsx jsx-elements jsx-syntax jsx-templates
Last synced: 14 Nov 2024
https://github.com/lsyurea/tskmanager
tskManager which makes use of NUS mod API to coordinate and manage tasks with a customised profile page of all the items due on the day itself
css html5 jsx nodejs postgresql react supabase
Last synced: 14 Nov 2024
https://github.com/0904-mansi/login-page
This is a dummy react website I learned how to deploy react websites.
Last synced: 14 Nov 2024
https://github.com/bushmusi/math-magicians
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.
bablejs css eslint gitflow github-flow javascript jsx linter reactjs stylelint
Last synced: 09 Jan 2025
https://github.com/anasmak04/application-web-movies-search
A movie information and searching App using The Movie DB api and ReactJS.
api api-rest consommation-api javascript jsx rapid-api react reactjs
Last synced: 29 Nov 2024
https://github.com/joshwilsonvu/babel-plugin-hoist-constant-jsx-attributes
Prevents unnecessary rerenders and GC pressure by hoisting constant objects out of JSX attributes and into the global scope, ex. for objects in a 'style' prop.
babel-plugin css-in-js jsx react style
Last synced: 13 Nov 2024
https://github.com/naveenpiedy/comics-vine-api-react
Using comics vine api and react to display information about the searched characters.
Last synced: 08 Jan 2025
https://github.com/lideming/webfx
My Web UI Framework
javascript javascript-framework javascript-library jsx typescript webfx
Last synced: 31 Dec 2024
https://github.com/ayanrv/filmsearcher
Film Searcher Management App (using imdb API and React)
api babel jsx react react-router reactjs redux redux-toolkit
Last synced: 14 Nov 2024
https://github.com/wtnabe/example-vue-ts-fc-jsx
ViteとVue 3でTypeScriptとJSXを利用したFnuctional Componentを書いてみるテスト
Last synced: 13 Nov 2024
https://github.com/vetri02/myreads-react
Tracks books u read, add new books and their present reading status
javascript jsx react udacity-nanodegree
Last synced: 03 Jan 2025
https://github.com/gabrielm3/pokedex-react
A Responsive Pokedex made with React JS, Hooks, consuming the pokeapi and using localstorage.
api css hooks javascript jsx reactjs rest-api
Last synced: 13 Nov 2024
https://github.com/aaimio/logicful-templates-example-js
An example project demonstrating how to use the logicful-templates library when using JavaScript
jsx jsx-elements jsx-syntax jsx-templates
Last synced: 14 Nov 2024
https://github.com/nhassl3/blumtap
A fast python autoclicker is suitable for those who want to earn more Blum points.
blockchain blum-crypto clicker desktop-application django django-rest-framework jsx opencv-python python-script react tauri telegram-bot vite
Last synced: 06 Jan 2025
https://github.com/tzachbon/css.jsx
Write your CSS like JSX
babel css css-framework jsx postcss react tsx
Last synced: 23 Nov 2024
https://github.com/uvacoder/uva-svg2jsx
jsx mytools svg tools typescript vercel
Last synced: 24 Nov 2024
https://github.com/washira/next-13-blog
A blog web app project using NextJs 13.
Last synced: 19 Nov 2024
https://github.com/mshuster/augmented-ui-jsx
Typed JSX Implementation of Augmented UI via styled-components
augmented-ui css jsx styled-components typescript
Last synced: 05 Jan 2025
https://github.com/irina-anat/goit-react-hw-01-components
Components: Profile, Statistics, FriendList, TransactionHistory
jsx modern-normalize module-css props proptypes react-components styled-components styled-components-theme
Last synced: 07 Jan 2025
https://github.com/andrelmlins/whatsup-document-title
Page title manager for whatsup
Last synced: 16 Nov 2024
https://github.com/mohammad-zolghadr/react-portfolio
a Portfolio website with React.Js
css html javascript jsx react-components reactjs styled-components
Last synced: 03 Jan 2025
https://github.com/mgueyraud/block-master
Block Buster Website (If it was alive xd), design from https://leonidasesteban.com/proyectos
javascript jsx react styled-components
Last synced: 07 Dec 2024
https://github.com/uzeyir-yariz/react
React ile yapılan projeler burada bulunuyor
Last synced: 11 Oct 2024
https://github.com/dvho/instashare-mobile-app
A cross-platform iOS/Android native mobile app I built in React Native, with a more robust camera with cutting edge features such as facial recognition as well as traditional features such as manual focus and manual white balance.
Last synced: 13 Nov 2024
https://github.com/mikhail-ev/stringify-jsx
JSX adaptation as a template system for non-React projects
html jsx jsx-adaptation mustache react stringify-jsx templates
Last synced: 20 Dec 2024
https://github.com/gxlmyacc/vue-jsx-node
a vue component that can render jsx by vnode or render function
jsx jsx-render vue vue-component
Last synced: 16 Nov 2024
https://github.com/dadonitz/passgenerator
Este é um simples aplicativo de gerador de senhas feito com React. Ele permite que você gere senhas aleatórias com diferentes configurações, como comprimento da senha e quais caracteres incluir.
css front front-end javascript js jsx react
Last synced: 12 Nov 2024
https://github.com/zizwar/jhtm
JavaScript HTML Template Manager for browser and Node.js
browser html javascript json jsx nodejs template template-manager vanilla-javascript
Last synced: 11 Nov 2024
https://github.com/IngPorto/ReactJS-old-version-practice
ReactJS version 0.13.3 from 2015, practice in the learning process. Based on a Platzi course.
babel browserify es6 javascript jsx now platzi-course reactjs uid ux zeit
Last synced: 24 Oct 2024
https://github.com/drako01/bootcamp-java-educacionit
Repositorio del Proyecto Final
css3 html5 java javascript jsp jsx maven spring-boot sql
Last synced: 12 Nov 2024
https://github.com/dadonitz/calendario
Este é um projeto simples de um calendário bonito e criativo desenvolvido em React. Onde ao adicionar comentario na data ela é salva como um post-it na tela.
front-end frontend javascript js jsx react
Last synced: 12 Nov 2024
https://github.com/ameer2000mzori/pdas-react
PDAs-React is a project created with React, utilizing Tailwind CSS for styling and Prettier for cleaner code. Please check out sample images or download the project to take a look.
jsx prettier react tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/todo-list-react
The Todo List React application is built using React.js and styled with Tailwind CSS. It also uses Prettier for clean code and is tested with Cypress. Download the app and start a demo test, or take a look at sample images to get an idea of the project.
cypress javascript jsx reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/nidhiupman568/numberformat-converter-using-react.js
🎉 Welcome 🎉 to the Number Format Converter project! 🔢 This interactive web application 🖥️ allows users 👥 to convert numbers 🔢 between various formats such as decimal, binary, octal, and hexadecimal. 🚀 Built with ReactJS ⚛️, CSS 🎨, and JSX ✨, this tool provides a comprehensive range of features to handle number conversions and calculations.
css front-end-development functional-components-reactjs html javascript jsx learning-reactjs number-format-converter reactjs reactjs-developer web-development
Last synced: 10 Jan 2025
https://github.com/ameer2000mzori/image-search-react
Image Search React is a website that helps you search any image you want using the Unsplash API. It is built with React.js and utilizes Tailwind CSS for styling, along with Prettier for cleaner code. Please download the project or take a look at sample images to get a better view.
cypress jsx prettier react tailwindcss unsplash-api
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/personal-portfolio-rebuild-react
This project is an existing personal portfolio that I have rebuilt using ReactJS. The purpose of the rebuild is to learn how to work with props, convert a standard project to React, and implement bug fixes. For a better understanding, please download or take a look at the sample images.
Last synced: 24 Nov 2024
https://github.com/abdul23lm/bookost-website-using-mern-stack-frontend
BooKos Website using MERN STACK (MongoDB, ExpressJS, ReactJS, NodeJS)
css html javascript jsx react redux scss
Last synced: 25 Nov 2024
https://github.com/ameer2000mzori/reviews-app-react
Reviews-App-React is a React project styled with Tailwind CSS, using Prettier for cleaner code, and utilizing hooks such as useEffect and useState. Download the project or check out the sample images for a better look.
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/tabs-app-react
Tabs-App-React is created with React and styled using TailwindCSS, with Axios for fetching data and Prettier for cleaner code. The goal is to learn how to work with Axios and utilize React hooks effectively. Please check out sample images or download the project for a better understanding.
api axios jsx prettier reactjs talwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/todolist-app-mern
TodoList-App-Mren is built with ReactJS, Tailwind CSS, and uses React Query for data fetching. The backend is powered by ExpressJS and NodeJS, without MongoDB. This project aims to improve skills in React Query and full-stack development. Check out sample images or download the project.
api axios backend expressjs formik formik-yup frontend fullstack javascript jsx nodejs reactjs reactqueryv4 styled-components tailwindcss todoapp unique-id yup
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/app-animal-react
App-Animal-React is a project created with React.js and TailwindCSS, using Prettier to make the code cleaner. In this project, each time you click the button, a random animal image will appear on the screen, and you can like it. Download the project and have a look, or check the sample images.
jsx prettier react tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/questions-app-react
Questions-App-React is a project created with React.js and uses TailwindCSS for styling. Check out the sample images or download the project to get an idea.
jsx prittier reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/lorem-gen-react
Lorem-Gen-React is a project developed using React.js and styled with Tailwind CSS. It utilizes Prettier to ensure the code is clean and well-organized. This simple website generates Lorem Ipsum text. For a better understanding, check out the sample images or download the project.
jsx lorem-ipsum-generator prettier reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/birthday-app-react
The Birthday-App-React is a React.js project styled with TailwindCSS, using Prettier for code readability. It's designed to practice JavaScript hooks with arrays. Please download or view the sample images for more insight.
jsx prettier react react-hooks tailwind
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/tours-app-react
Tours-App-React is a project created with React and styled with Tailwind CSS. It uses an API to fetch data, and Axios is utilized for the API fetching. This project serves as a means for me to learn new concepts in React. Please check out the sample images or download the project for a better understanding.
axios jsx prettier react tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/sliders-app-react
Sliders-App-React is a small React project where you can slide right and left. The sliders will auto-slide every 5 seconds. It is styled with TailwindCSS and uses Prettier for cleaner code. Check out sample images or download the project for a better understanding.
jsx prettier reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/thomas465xd/calorie-tracker
Simple Calorie Tracker project using React and TypeScript
js json jsx react tailwind tailwindcss ts tsx typescript vercel vercel-deployment vite vitejs
Last synced: 16 Nov 2024
https://github.com/wompojs/wompo
Wompo is a React-like web components library to create functional UIs in the web.
components-library js jsx typescript web-components
Last synced: 14 Oct 2024
https://github.com/ameer2000mzori/color-gen-react
Color-Gen-React is a website created with React.js, styled with TailwindCSS, and formatted using Prettier to make the code cleaner. Color-Gen-React is a simple website where you can generate 20 variations of the color you have selected.
jsx prettier ractjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/navbar-react
Navbar-React is a project created with ReactJS and styled with TailwindCSS, utilizing React Router for the navbar. It includes animations and more to enhance the user experience. Prettier is used to maintain cleaner code. For a better understanding, check out the sample images or download the project.
jsx navbar prettier react-router reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/context-app-react
Context-App-React is created using ReactJS and styled with TailwindCSS. I'm dedicated to learning how to use Context both globally and in a standard manner. Feel free to download the project or check out the sample images for a better understanding.
context-api jsx prettier reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/cart-usereducer-react
Cart-UseReducer-React is a project developed using ReactJS and styled with TailwindCSS. The primary goal of this project is to enhance my understanding of the reducer hook. This is the reason behind the creation of this project. For a deeper understanding, feel free to download or check out the live demo.
cart jsx prettier reactjs reducer tailwindcss
Last synced: 24 Nov 2024
https://github.com/mttankkeo/css-mangle-webpack-plugin
This webpack plugin package is a CSS mangler that globally optimizes and shortens identifier names.
css jsx lightweight mangler minifier webpack-plugin
Last synced: 11 Oct 2024
https://github.com/ameer2000mzori/list-usereducer-react
List-UseReducer-React is a project created with ReactJS and styled using TailwindCSS. The goal of this project is to learn how to work with useReducer. To get a better understanding, download the project or check out the sample images.
javascript jsx prettier reactjs reducer tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/strapi-clone-react
Strapi-Clone-React is created using ReactJS and styled with TailwindCSS. For cleaner code, Prettier is utilized. In this project, I'm utilizing the Context API for learning purposes. Please check out the sample images or download the app for a better understanding.
jsx reactjs strapi tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/grocer-app-react
GrocerAppReact is built with React.js, styled with TailwindCSS, and uses Prettier for cleaner code. This project is similar to a todo list. Download the project or check out the sample images for a better understanding.
jsx localstorage prettier reactjs tailwindcss
Last synced: 24 Nov 2024
https://github.com/ameer2000mzori/menu-app-react
Menu-App-React is a small project created with React.js and styled with TailwindCSS. It features a menu that you can filter by category as desired. For a better understanding, download the project or check out the live demo.
jsx menu prettier reactjs tailwincss
Last synced: 24 Nov 2024
https://github.com/ahmed-hamdy101/react-my-photo-app
This is a simple React app that allows users to like a photo. The app uses useState to track the state of the like button, and it uses the AiFillHeart and AiOutlineHeart icons from react-icons to render the like button.
application front-end jsx react
Last synced: 09 Jan 2025
https://github.com/akshaysatpute028/qrcode-generator
Static QR Code generator application using React Js hooks and QRCode Canvas.
css javascript jsx qrcode-generator react react-hooks static-website
Last synced: 10 Jan 2025
https://github.com/bahmutov/hyperapp-counter-jsx-example
Small counter example in Hyperapp and JSX (and Cypress tests)
cypress cypress-io hyperapp jsx
Last synced: 27 Dec 2024
https://github.com/willigarneau/materialui-portfolio
👨💻📸 Beautiful and easily customizable portfolio for developers. Made with React.js and Material UI📣
customizable i18next jsx material-ui portfolio react white-label
Last synced: 23 Nov 2024
https://github.com/ameer2000mzori/unsplash-reactquery-app
The Unsplash-ReactQuery-App is a website created with ReactJS and TailwindCSS. It uses Axios and React Query for data fetching, among other features. Additionally, it utilizes the Context API. Please download the project or check out the sample images.
jsx prettier react reactquery tailwindcss unsplash-api
Last synced: 24 Nov 2024
https://github.com/filipemd/bible-web
Static webpage to read the Bible.
bible html javascript json jsx sass scss solidjs typescript
Last synced: 16 Nov 2024
https://github.com/kurtgokhan/jsx-middlewares
Transform rendered JSX elements with middlewares
Last synced: 06 Dec 2024
https://github.com/pktcodes/react-basics-v2
React Fundamentals
anonymous-functions children-props components create-react-app css es6-modules events html javascript john-smilga jsx key-props prop-drilling props react
Last synced: 02 Jan 2025
https://github.com/ali-alim/pinned-tasks-app
Task Management App - React.js, Express.js, Mongoose.js, Ant Design, Axios, MapBox-GL, React-Router-Dom, Lazy Loading
ant antd-design axios express js jsx lazy-loading mapbox-gl mongoose nodejs react-router-dom reactjs
Last synced: 30 Dec 2024
https://github.com/aiaaee/color_generator_react
Creating Generator for Recognize Box Shadow Color In React With Bootstrap
bootstrap generator javasccript javascript jsx jsx-renderer react react-hooks reactjs
Last synced: 11 Oct 2024
https://github.com/ameer2000mzori/form-formik-yup-mern
"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.
backend expressjs formik frontend fullstack jsx nodejs prettier reactjs reactqueryv4 styled-components tailwindcss yup
Last synced: 24 Nov 2024
https://github.com/codespacem/passwordgenerator
A react app to generate passwords of variable length with option to use numbers and special characters.
html-css-javascript jsx reactjs
Last synced: 11 Oct 2024
https://github.com/nerdic-coder/stencil-container
A stencil component that displays child element if all conditions are fulfilled.
javascript jsx stencil stencil-components stencil-js stenciljs stenciljs-components typescript webcomponent webcomponents
Last synced: 02 Jan 2025
https://github.com/prantlf/janadom
A minimal and complete implementation of React JSX creating native DOM elements.
browser dom jsx jsx-dom jsx-native-dom native node tsx
Last synced: 05 Dec 2024
https://github.com/ineszenkri/horizonhub
Weather Forecast Web App 🌤️
autocomplete-search geolocation jsx leaflet-map luxon react reacticons tailwindcss weather-api weather-forecast weathericons
Last synced: 09 Jan 2025
https://github.com/archan937/dust
A minimalistic reactive Javascript library for building dynamic component-based interfaces
bun components esbuild jsx minimalistic nextjs react reactive router styled usestate
Last synced: 08 Jan 2025
https://github.com/huang2002/hele
A front-end UI lib.
3h component declarative front-end h5 hele jsx lightweight tsx ui virtual-dom
Last synced: 15 Nov 2024
https://github.com/rubydevi/math-magician
This is the first project of the Math Magicians application. I have set up the environment and tools needed to develop a React application. In the following projects, I will develop the actual application.
calculator-react es6 eslint javascript jsx react stylelint
Last synced: 29 Dec 2024
https://github.com/ship-components/ship-components-progress-circle
React svg progress component
babel javascript javascript-library jsx react reactjs webpack
Last synced: 12 Nov 2024
https://github.com/bilalmohib/react-typescript-mdbootstrap-firebase-material-ui-saas-starter
React,TypeScript,Mdbootstrap,Firebase,Material UI,SAAS Boiler Plate is here to make your development fast.
firebase-auth firebase-database firestore-database firestorecloud html-css-javascript jsx material-ui mdbootstrap react reactjs saas tsx typescript
Last synced: 19 Nov 2024
https://github.com/neolegends/babel-plugin-transform-react-create-element
Shorten JSX `React.createElement` calls using a local variable
Last synced: 06 Dec 2024
https://github.com/yaairfernando/client
Clone of Twitch
api javascript jsx lodash react react-components react-redux react-router react-router-dom redux-form redux-thunk
Last synced: 02 Jan 2025
https://github.com/ship-components/ship-components-tag-input
A multi-featured select component allowing single select, multi-select, and typeahead functionality.
babel javascript-library jsx loader multi-select react tags webpack
Last synced: 12 Nov 2024
https://github.com/angel-raa/react-concepts
basic concept of react js
html5 javascript jsx nodejs npm reactjs tailwindcss vite
Last synced: 12 Nov 2024
https://github.com/ivankprod/mxm-delote-beauty
Delote Beauty
eslint fsd js jsx react react-router sass scss vite
Last synced: 30 Dec 2024
https://github.com/ameer2000mzori/mixmaster-app-react
MixMaster-App-React is a project created with React.js and styled with Tailwind CSS, utilizing React Query for fetching data and more. Please check out the sample images or download the project for a better understanding.
api axios jsx prettier react reactquery reactrouter tailwindcss
Last synced: 24 Nov 2024
https://github.com/safayetdib/movieland-search-with-react
MovieLand Search From OMDB API
Last synced: 14 Nov 2024