reactjs-demo

👌🏿Simplified Advanced React Patterns for Everyone

📻 PWA Music Player made with Reactjs

Notes and the code for the React.js crash course by Mosh Hamedani.

Build a MERN Stack App from scratch, and deploy it to Heroku

🎓 PWA - Exploring Marvel's API with React + Redux

Demo react component for css display: grid; example

The goal of this project is to provide a set of simple samples, providing and step by step guide to start working with React.

GraphQL Subscription with Golang/React JS & React Apollo Client Subscription

Introductory examples to ReactJS used in the CodelyTV Pro course

SoccerField is a ReactJs Component demo , for soccer line up with a json clean structure .

Code from React JS Foundations: Building User Interfaces with ReactJS by Chris Minnick

Discord's detailed user interface developed with ReactJS

ReactJS based reusable component for Image upload with cropping.

ReactJS based Address component which uses Google Maps Places API to autosuggest location address.

ReactJS based QR Code / Barcode Generator.

A React application connected to Parse Server showing a quick and competitive sign up forms

A ReactJS based TimePicker component to implement time or datetime selection.

ReactJS based QR Code Scanner component, allowing you to detect and decode QR codes.

ReactJS based Custom Datepicker component to select date.

ReactJS based Email component, provides input field to add single / multiple emails with validation. The email value is automatically validated on blur event. You can change validation message using props. You can also disable email field using disable props.

A simple, native and easy-to-use WYSIWYG / Rich Text editor built in Quill.js and React.js

ReactJS Dropdown Component is a feature rich select / dropdown / typeahead component. It provides a default template that fits most use cases for a filterable select dropdown.

Currency Input component built in ReactJS, used for currency value input field for all countries. You can change prefix and suffix for input. Can also handle negative and positive values depending on requirement.

ReactJS based Password component to add password as a text/password property with validation. The password value is automatically validated on blur event. You can also disable and hide password field using disable and hide props.

ReactJS based Phone Number component. It provides input field to add single/multiple telephone numbers with validation. The Phone number value is automatically validated on blur event. You can change validation message using props. You can also disable Phone number field using disable props.

Detailed concepts of ReactJS using sample examples

A ReactJS based URL component provides option to add url (like Instagram url, Facebook url, web url, etc.) with validation. The URL value is automatically validated on blur event. You can even disable url field using disable props.

ReactJS based MessageDialog component used for showing custom dialog with message. You can even change number of buttons on that. You can also hide header and cross icon.

ReactJS based Text Box component used to specify an input field where the user can enter data.