This repo is collection of React applets written in TypeScript, using material-ui as a component library.
I use this repo as a sandbox environment to try out libraries, self-imposed coding challenges, and to familiarize myself with various of React+Typescript development.
https://borisboguslavsky.github.io/react-ts-sandbox/
| Component | Description |
|---|---|
| Probability Editor | A probability curve editor and visualizer, with a random number generator that adheres to the configured curve. |
| X-State Vending Machine | A vending machine simulator that implements a state machine using X-State |
| Calculator | A basic calculator app where users can add, subtract, multiply, and divide two numbers. |
| TanStack Query | A from that uses TanStack Query to fetch data from the swapi.info REST API and outputs the result. |
| React Hook Form | A from that uses React Hook Form for state management, validation, and submission. |
| Stopwatch | A stopwatch component where users can pause/resume the timer and record lap times. |
| ToDo List | A basic ToDo list component where users can add and remove items to the list. |
| Mock Login | A login form with basic validation that sends a request to JSON Placeholder if the form is valid and outputs the response in the textarea below. |
| Context | A component with a nested child component that utilizes the useContext() hook to access/update app-wide state via a custom Provider component. |
| Reducer | A series of text input fields that utilize the useReducer() hook to execute actions across all of them. |