React Exercises
Exercise DB with React & Material-UI
Overview
The react-exercises project is a database app built with React and Material-UI using Webpack and Babel. It was completed in late 2018 before React hooks came out. The project is divided into different branches, each focusing on a specific topic or feature. There are also references available including YouTube videos, a Medium article, and CodeSandbox links.
Features
- Grid Layout: Includes an intro to grid layout in the first two episodes.
- Data Store: Covers lists, tabs, and typography in episodes three and four.
- Dialogs and Icons: Explores dialogs and icons in episodes five and six.
- Forms, Inputs, and Styling: Covers forms, inputs, and styling in episode six.
- Lists and IconButtons: Explores lists and icon buttons in episodes seven and nine.
- CSS-in-JS: Covers CSS-in-JS and styling with JSS in episode ten and eleven.
- Theming: Covers theming in episodes twelve, thirteen, and fourteen.
- Context API: Explores the use of Context API in episode fifteen.
Summary
The react-exercises project is a database app built with React and Material-UI. It covers various features and topics such as grid layout, data store, dialogs, forms, theming, and more. The project provides different branches for specific topics and includes references such as YouTube videos, a Medium article, and CodeSandbox links. Installation and setup instructions are also provided.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.