Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

https://github.com/yiransheng/make-a-js-framework

A toy example of MVI with React and Redux-like api

expriment jsx mvi ui

Last synced: 27 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/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.

jsx react tailwindcss

Last synced: 24 Nov 2024

https://github.com/singcl/mhd-react

🌷React & Redux 从ε…₯ι—¨εˆ°ζ”ΎεΌƒπŸ€

immutable jest jsx nginx nginx-proxy react react-redux redux webpack

Last synced: 08 Dec 2024

https://github.com/mdazlaanzubair/contact-app-client

A Contact List MERN application protected with JWT authentication system.

authentication bootstrap contact cookies javascript jsx jwt list material-design open react source vite

Last synced: 11 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/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/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/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/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/qwtel/create-element-x

Extends document.createElement to conform to the target API of JSX.

create-element dom element jsx

Last synced: 21 Dec 2024

https://github.com/nyarla/shamoji

The workspace to make custom svg emojis by JSX and vercel/satori renderer

emojis jsx workspace

Last synced: 06 Dec 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/gustavogss/myskills

Aplicativo desenvolvido como desafio durante o programa do Ignite da Rocketseat para cadastro de novas skills - usando React Native CLI

flatlist hooks jsx react-native react-native-cli

Last synced: 28 Nov 2024

https://github.com/jarrarkhan09/doctor_appointment

Medicare + simplifies doctor appointment booking with a modern, responsive interface built using ReactJS, Vite, and Tailwind CSS.

javascript jsx tailwind-css vite-react

Last synced: 21 Dec 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/narendrakoya999/react.js-projects-foundation-level

This is a list of React.js projects for building strong foundation the React.js Common Core Concepts

babel css3 html5 javascript jsx npm props reactjs state-management webpack

Last synced: 28 Nov 2024

https://github.com/narendrakoya999/react.js-projects-advanced-level

This is a list of React.js projects for building strong foundation the React.js Common Core Concepts

context-api css3 html5 javascript jsx mobx npm props react-router-dom reactjs redux state-management

Last synced: 28 Nov 2024

https://github.com/narendrakoya999/react.js-interview-questions-list

This Repository contains List of Frontend Development Interview Questions

css3 es6 html5 javascript jsx media-queries reactjs redux responsive-web-design

Last synced: 28 Nov 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/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/arkapg211002/coinloom

A webpage that shows news and details regarding cryptocurrencies

ant-design coinranking-api jsx rapidapi react

Last synced: 15 Nov 2024

https://github.com/germanfrelo/robofriends

A React.js project that I've created using Create React App, from the Udemy course "The Complete Web Developer in 2022: Zero to Mastery".

jsx react reactjs

Last synced: 20 Dec 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/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/yhdgms1/grim-jsx

Compiling JSX to produce grim static templates

babel-plugin compiler jsx jsx-templates

Last synced: 21 Dec 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/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/diegoperea20/react-file-input-component

React File Input Component in which you can Drag and drop files or select files and you can see a visualization of files like photos, pdf, .docx and .xlsx

ccs component file input jsx nextjs react react-file-input-component

Last synced: 11 Oct 2024

https://github.com/bredele/steroid-hook

:pill: Nodejs hook to transpile HTML templates into jsx-like templates

es6 html jsx steroid template template-engine

Last synced: 19 Dec 2024

https://github.com/ela-fhd/todolist_with_react_reduxtoolkit_sync

I developed this project using React js and i used Redux Toolkit to manage states. also i used local storage to store data

axios jsx localstorage react redux-toolkit

Last synced: 28 Nov 2024

https://github.com/arkapg211002/local-frame

Developed a responsive photo gallery using Next.js, Supabase, and Tailwind CSS. Enabled photo upload and storage with Supabase, leveraging Next.js for dynamic routing and React components. Integrated user authentication for secure access.

javascript jsx nextjs14 node-js sql supabase tailwind-css

Last synced: 15 Nov 2024

https://github.com/ela-fhd/booking-hotel

If you want to check the Booking hotel project, please look at my code and visit my website. I hope you enjoy it! β™₯️

axios css3 date-fns json-server jsx react-country-flag react-hot-toast react-leaflet reactjs

Last synced: 28 Nov 2024

https://github.com/abdultolba/salah

React.js driven website that displays the muslim salah (prayer) timings.

css es6 html javascript jsx react

Last synced: 06 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/nidhiupman568/virtualkeyboard-using-react.js

πŸŽ‰ Welcome to the Virtual Keyboard Project! πŸŽ‰ This ReactJS βš›οΈ tool offers a seamless typing experience πŸ–ŠοΈ with an interactive virtual keyboard ⌨️. Users πŸ‘₯ click πŸ–±οΈ keys to type, with efficient state management πŸ”„ and smooth input logic 🧩 using JSX πŸ–₯️.

css front-end-development functional-components-reactjs html javascript jsx reactjs

Last synced: 11 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/complate/complate-fractal

complate adapter for Fractal

complate fractal javascript jsx styleguide

Last synced: 21 Dec 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 reactjs

Last synced: 11 Nov 2024

https://github.com/hafidzdev17/modern-reactjs

npx create-react-app modern-reactjs

es6-javascript jsx reactjs

Last synced: 25 Dec 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/zimnovich/mxn-jsx-transpiler

Transpiles JSX to regular JavaScript

javascript jsx preact react transpile transpiler

Last synced: 10 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/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/ahmad-maartmesrini/tenzies

Roll until all dice are the same.

css3 jsx nanoid react react-confetti

Last synced: 28 Nov 2024

https://github.com/benarmstrongg/htjs

Lightweight, no build, pure-JS alternative to JSX

htjs jsx preact

Last synced: 28 Nov 2024

https://github.com/manuelgil/vscode-react-pack

Essential extensions for React development. Includes support for React, TypeScript, JavaScript, JSON, Git, Markdown, and more.

extension-pack extensions javascript js json jsx react reactjs vscode vscode-extension

Last synced: 19 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.

jsx react

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/alexandrbig1/goit-js-hw-11

homework(JavaScript module) in bootcamp (GoIT) Fullstack developer

api axios css3 frontend html5 javascript js js-library json json-api json-server jsx nativejavascript webdevelopment

Last synced: 23 Nov 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/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/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/denscholar/covid-19-metrics-webapp

Covid-19 webapplication is a metric application that provides global statictics of the number of infected, recorvered and deaths as a result of the COVID-19 virus. The application shows a detail stats based on countries and each country can be filtered using the search bar to get a particular country.

css javascript jsx material-ui react redux styled-components

Last synced: 08 Dec 2024

https://github.com/jogit82/appointment-app-react-jsx

React app using JSX. only

jsx react

Last synced: 03 Dec 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/jarrodsampson/soundmix

Find awesome cloudcasts roaming the world. Right now. Built on Node, SASS, React, Redux, MaterializeCSS, along with MixCloud's API.

css javascript jsx materializecss node nodejs react redux sass webpack

Last synced: 03 Jan 2025

https://github.com/yashkathe/get-anime-sauce

Upload screenshots of anime scenes or image url to fetch the exact anime scene and its episode. Made with reactJS

anime anime-search-engine anime-searcher css framer-motion javascript jsx reactjs

Last synced: 25 Dec 2024

https://github.com/jarrodsampson/drone-census

Get updates on the most recent and historical drone strikes conducted by the United States Government. React, Redux, SASS, MaterializeCSS, with Dronestre.am API.

api css css-preprocessor css3 jsx materializecss node nodejs npm react react-components reactjs redux sass

Last synced: 03 Jan 2025

https://github.com/jarrodsampson/berr.io

A search application through Brewdog's expansive back catalogue of beer. Built on Node, React, Redux, MaterializeCSS, and SASS, along with Brewdog's API.

css css3 html javascript jsx react redux webpack

Last synced: 03 Jan 2025

https://github.com/tdiprima/hono-and-bun

Testing hono and bun

bun hono jsx react typescript

Last synced: 26 Dec 2024

https://github.com/desmondsanctity/prime-numbers-multiple-react

A react web application that returns a multiplication table for a range of prime number.

jest jest-tests jsx react react-hooks

Last synced: 26 Dec 2024

https://github.com/lucambr0/school-times

School Times is a webapp that provides a convenient way for students to access their weekly class schedules and more school-related information.

css html html-css-javascript javascript jsx pwa react react-components school-project web-development webapp

Last synced: 04 Jan 2025

https://github.com/ramasilveyra/babel-plugin-react-element-to-jsx-string

Turn a ReactElement into the corresponding JSX string at build time.

babel babel-plugin jsx react

Last synced: 02 Jan 2025

https://github.com/llleeeaaannn/spotlist

A Progressive Web Application which transforms concert setlists into Spotify Playlists.

css css-modules html javascript jsx react

Last synced: 25 Dec 2024

https://github.com/man-navlakha/pxc

A education content sharing web application for collages

api css html javascript jsx reactjs router tailwind-css

Last synced: 04 Jan 2025

https://github.com/matildevoldsen/portfolio

Personal portfolio website made in React JS. Under construction...

css git html jsx react-router reactjs

Last synced: 02 Jan 2025

https://github.com/ns007-dev/nasaskysearch

Using NASA's Picture Of The Day API, I made an app using React.js, that gives you the image of the sky on the date you input.

api components css jsx nasa reactjs

Last synced: 26 Dec 2024

https://github.com/kemi-oluwadahunsi/talentsync-figma-to-spa

Task from TalentSync to be completed in 72hours. A figma design was provided and we are to build that with the stacks we know.

javascript jsx reactjs sass

Last synced: 04 Jan 2025

https://github.com/yashkathe/expense-tracker-dashboard

SPA to keep a track of your expense and visualise data with a simple dashboard

jsx react single-page-app

Last synced: 25 Dec 2024

https://github.com/goodnesskay/simple-react

A mini react Application without using create-react-app CLI command

babel cdn jsx pwa react react-jsx reactjs ui

Last synced: 26 Dec 2024

https://github.com/raunofreiberg/blackford

Dockerized Node.js & PostgreSQL SPA with a React & Redux client

css-modules docker express javascript jsx knex nginx nodejs passportjs postgresql react redux scss webpack

Last synced: 26 Dec 2024

https://github.com/vetri02/contacts

React Contacts App

jsx react reactjs

Last synced: 03 Jan 2025

https://github.com/thalesgomest/track-it

This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!

javascript jsx react styled-components

Last synced: 03 Jan 2025

https://github.com/reactual/what-props-changed

A React utility used to detect changed props when a component updates.

javscript jsx react reactjs

Last synced: 02 Jan 2025

https://github.com/surajsgh/expense_tracker

πŸ“– πŸ–‹ It's finally a time to manage your daily expenses!

css html javascript jsx react ui web-development

Last synced: 03 Jan 2025

https://github.com/surajsgh/a_typical_page

πŸ”§ A dummy application built by me to learn some advanced concepts of React.js such as useReducer, useEffect and Context API.

css hooks html jsx reactjs

Last synced: 03 Jan 2025

https://github.com/mohamedhnoor/mhnoor-portfolio

A web application to showcase my skills and Recent Project. Built with Vite, React, and HTML5/CSS3.

css3 jsx react vitejs

Last synced: 03 Jan 2025

https://github.com/thedhruvrawat/course-searcher

A simple course search implementation in React. (Practice)

css jsx nodejs react

Last synced: 03 Jan 2025

https://github.com/niweera/nutribuddy

NutriBuddy - Food Analyser

bootstrap css es6 firebase firestore html javascript jsx react

Last synced: 25 Dec 2024

https://github.com/hirvadhandhukia/emoji-dictionary

Input an emoji and get what it means.

html-css-javascript jsx reactjs

Last synced: 25 Dec 2024

https://github.com/shefaadali/tawjihi-management-system-website

this is the client side for Tawjihi Management System Website built using React.js.

css fetch-api html javascript json-api jsx reactjs

Last synced: 25 Dec 2024

https://github.com/yashkathe/birthday-reminder

Personalized webapp to store birthdays easily. Made using React js .

javascript jsx reactjs

Last synced: 25 Dec 2024

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

Eat n Split is a React application designed to simplify bill splitting and expense tracking within a group of friends. With its transaction minimization algorithm, it effortlessly calculates who owes whom and how much, ensuring fair and efficient settlement of expenses.

javascript jsx reactjs

Last synced: 01 Jan 2025

https://github.com/litvinovnikita/ai-summarizer

Summarize Articles with OpenAI GPT-4

ai api gpt-4 jsx rapidapi react redux redux-toolkit tailwindcss

Last synced: 25 Dec 2024

https://github.com/shaikahmadnawaz/learn-react

React - A JavaScript library for building user interfaces

es6 frontend javascript-library jsx react reactjs tutorial ui

Last synced: 26 Dec 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 195 hyperawesome 71 awesome-brisa 35
JSX (JavaScript XML) Categories
Uncategorized 247 Resources 136 πŸ“¦ Components & Libraries 132 Table of Contents 65 Utilities V1 17 Articles & Tutorials V1 10 Boilerplates V1 9 Examples V1 9 Utilities 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 Testing V1 1 Applications 1 πŸ› οΈ Tooling 1