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/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/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/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/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/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/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/mcnallydev/react-md-switch
React Component Material Design Switch.
Last synced: 11 Oct 2024
https://github.com/khaimyk/storecopy
In the process of project implementation
css javascript jsx mobx react scss
Last synced: 11 Oct 2024
https://github.com/mpouyam/paginator
Pagination With React.js
front front-end front-end-development frontend javascript jsx react react-components reactjs
Last synced: 11 Oct 2024
https://github.com/prabhas9346/notes-repoel
I'm thrilled to share my latest project, Quick Keep Notes – a single-page, full-stack note-taking application that allows users to jot down their thoughts, ideas, and reminders quickly and efficiently.
expressjs html-css-javascript jsx netlify nodejs react-router react-router-dom reactjs render sqlite
Last synced: 11 Oct 2024
https://github.com/deanhdz/little-lemon
Proyecto final desarollado en React para el curso de "Desarrollador front-end de Meta Professional Certificate".
Last synced: 11 Oct 2024
https://github.com/seyoonpuvi/react-assignments
react assignments and coding exercise
authentication authroization babel-plugin components-react jsx npm protected-routes react-context-api react-icons react-links react-router-dom react-switch reactjs redirect-urls third-party-libraries
Last synced: 11 Oct 2024
https://github.com/miro-wq/goit-react-hw-01-components
This homework task project is a comprehensive social media dashboard composed of several key components that demonstrate fundamental concepts in React development.
component-based css friend-list frontend json jsx modular-code profile-component props-type react react-components-and-css-modules social-media statistics transaction-history ui web-development
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/thiagoaugusto1806/alura-codeconnect
Site desenvolvido no curso Alura "React: construíndo componentes com JSX"
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/mskian/water-tracker-app
Water Tracker : Track your daily water intake and stay hydrated.
css html hydrated hydration javascript jsx localstorage tailwindcss tsx typescript vite water water-intake water-tracker
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/ksanthoshfsd/react-usecontext-task
ROAD MAP DAY 28 MY TODO TASK 17 COMPLETED
components css html jsx reactjs usecontext-hook
Last synced: 11 Oct 2024
https://github.com/deepanagarjan/add-to-cart-task
DEEPA ENTERPRISES add to cart using react and jsx
bootstrap5 html5 jsx npm-package reactjs responsive-design
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/abhishekgurjar-in/sunnyside-agency
The Sunnyside Agency website is designed to highlight the services, projects, and testimonials of a creative agency. It features a clean, professional design with smooth scrolling and responsive layouts. The website includes the following sections
css javascript jsx react sunnyside sunnyside-agency-landing-page web-development
Last synced: 11 Oct 2024
https://github.com/linuxfandudeguy/blog
blog blogging blogs eslint jsx mdx nextjs tailwindcss tsx typescript vercel vercel-deployment
Last synced: 11 Oct 2024
https://github.com/techycode-01/currency_converter
Currency Converter is a web application built with React, Vite, and Tailwind CSS. It enables real-time currency conversion and supports currency selection and amount input with a user-friendly interface.
hooks jsx reactjs tailwind-css
Last synced: 11 Oct 2024
https://github.com/dharanchilukuri/todolist-crud
todo list app to manage tasks
jsx parcel reactjs tailwindcss usestate-hook
Last synced: 11 Oct 2024
https://github.com/mskian/preact-markdown-editor
A Simple and Flexible Markdown Post Editor with Writing Tools and Preview Mode.
bulma html jsx markdown markdown-editor markdown-previewer marked preact preact-markdown preact-markdown-editor tailwindcss tsx typescript vite
Last synced: 11 Oct 2024
https://github.com/bhaveshwagh/fetch-data-crypto-f4-week-one-contest
Crypto App
Last synced: 11 Oct 2024
https://github.com/ksanthoshfsd/react_axois_task
ROAD MAP DAY 30 MY TODO TASK 18 COMPLETED
async-await-axios axios components css html jsx pages reactjs reactrouterdom usecontext-hook useeffect-hook usenavigate-hook usestate-hook
Last synced: 11 Oct 2024
https://github.com/sidd0894/react-application-form
An application form made with react
application-form form jsx react
Last synced: 11 Oct 2024
https://github.com/animatable-js/animatable_jsx
This extension package of animatable-js allows for easy and lightweight implementation of linear or curved animations in a JSX/TSX environment.
Last synced: 11 Oct 2024
https://github.com/ksanthoshfsd/react-routes-task
ROAD MAP DAY 26 MY TODO TASK 16 COMPLETED
components css html jsx pages reactjs reactrouterdom router routes
Last synced: 11 Oct 2024
https://github.com/susanta0/infinite_set_susanta
Welcome to the Infinite-Set website. This frontend application was built to replicate the functionalities of this assignment. The project was developed over a span of two days as an individual effort, utilizing a modern tech stack with a focus on responsive design.
jsx jvascript react-apexcharts reactjs tailwindcss
Last synced: 11 Oct 2024
https://github.com/sahiltiwariiii/reactcountriesproject
This is country project with the help of reactjs
css javascript jsx react-router-dom reactjs
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/lyrics-finder
The Lyrics Finder allows users to search for song lyrics by entering the song title and artist name. It fetches the lyrics from a public API and displays them on the screen. Users can quickly find and read the lyrics of their favorite songs.
api css javascript jsx lyrics-finder react web-development
Last synced: 11 Oct 2024
https://github.com/abhishek5165/meetorbit
jsx meeting nextjs responsive tailwindcss
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/loop-studio
Loop Studio is an immersive website designed to showcase various virtual reality (VR) projects. Using React, we can efficiently manage and render different components to build a cohesive and interactive user experience.
javascript jsx loop-studios react web-development
Last synced: 11 Oct 2024
https://github.com/thitikorn-nupan/react-and-vite-core-base-typescript
anythings same the last react project but this i keep to use typescript language (it's better performance)
bootstrap5 css html5 javascript jsx react tsx typescript vite
Last synced: 11 Oct 2024
https://github.com/saicharanuvaraj/tictactoe-react-game
A well designed Tic Tac Toe (XO) game for browsers created using vite powered reactjs and tailwind css with xo game logic
game google-fonts html-css-javascript jsx reactjs tailwindcss vite
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/password-validator
The Password Validator checks the strength of the user's password in real-time and provides feedback on whether the password meets the criteria for a strong password. The feedback is displayed below the input field, encouraging users to create more secure passwords.
css javascript jsx password-validator react web-development
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/quiz-website
The Quiz Website allows users to answer multiple-choice questions and get instant feedback on their selections. At the end of the quiz, users are shown their scores along with the correct answers.
css javascript jsx quiz-website react web-development
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/todo-app
The Todo List application allows users to add, mark as completed, and remove tasks. It offers a clean interface for managing daily tasks. This project showcases how React can be used to manage the state of a simple yet dynamic application.
css javascript jsx react todo-app todo-list todo-list-app web-development
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/qr_code_generator
The QR Code Generator allows users to create QR codes by entering content, adjusting the size, and selecting a background color. It utilizes a public API to generate the QR codes and displays them on the screen. Users can generate, view, and download QR codes for various purposes.
css javascript jsx qrcode-generator react web-development
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/expense-tracker
The Expense Tracker application allows users to keep track of their income and expenses. It helps manage financial data by categorizing and calculating income, expenses, and the total balance. This project showcases the use of React for managing state and handling user input efficiently.
css expense-tracker javascript jsx react web-development
Last synced: 11 Oct 2024
https://github.com/abhishekgurjar-in/joke-generator
This Joke Generator fetches a random joke from an API and displays it on the screen when the user clicks a button. It has a clean and minimalistic user interface, making it simple to interact with. This project teaches how to integrate APIs and manage component states in React.
api css javascript joke-generator jsx react web-development
Last synced: 11 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/faresbrayek2/github-login-vitejs
This repository features a visually appealing and functional Github-style login page created with ViteJS, a modern and fast front-end JavaScript framework.
github jsx login login-page vitejs
Last synced: 05 Nov 2024
https://github.com/kanzatahreem/bookstore
Web app built with React, Redux, and external API that allows users to display a list a books, add a new book, and remove the selected one.
api babel create-react-app ducks-pattern feature-folders javascript jsx react react-router reactjs redux reduxthunk reduxtoolkit webpack
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/ashmit4818/devops_resources_project
DevOps Resources Hub: A React app offering curated DevOps tutorials, automated via GitHub Actions.
container devops docker docker-image github github-actions javascript jsx material-ui react vercel
Last synced: 01 Nov 2024
https://github.com/nadeetharuka/travel-website
This project is a responsive Travel and Tour website built using ReactJS. It provides users with an intuitive and clean interface to explore travel destinations, book tours, and get travel-related information. The website is designed with modern UI principles to enhance the user experience.
bootstrap css3 jsx reactjs tailwindcss
Last synced: 11 Oct 2024
https://github.com/souvik-basak/portfolio
This portfolio website showcases my skills and projects as a Front-End Web Developer. It is designed with a focus on interactivity, smooth animations, and responsiveness. The site features a dynamic skills section, a draggable interface, and a fully functional contact form powered by EmailJS.
framer-motion gsap javascript jsx reactjs sass
Last synced: 11 Oct 2024
