External Resources

STRUDEL Kit's templates are built using a whole ecosystem of tools for building usable and complex web UIs. Below is a list of external resources to help you leverage and build on top of the templates in STRUDEL Kit.

React and Web Development

• Learn React: Describing the UI
  • Learn the basics of React from the very beginning with their first-party examples.
• Beginner's Guide to React
  • Go through an end-to-end tutorial to learn the fundamentals of React.
• Get Started with TypeScript
  • Learn TypeScript using catered tutorials adapted to different programming backgrounds.
• React Query (TanStack Query)
  • Read the documentation for the query library used by STRUDEL Kit and many other React apps.
• Getting Started with CSS
  • Get started with CSS (Cascading Stylesheets), the fundamental way to style web pages.

Material UI

• Getting Started with Material UI
  • Learn how to install and use Material UI from the ground up.
• MUI Components
  • See the documentation for all the MUI components.
• Theming in MUI
  • Learn how theming works in MUI apps and how to leverage all of the different options.
• MUI X Data Grid
  • See the documentation for the MUI DataGrid component.
• A Quick Start into Material UI
  • Go through a beginner-friendly tutorial on how to use Material UI (MUI).

Data Visualization

• Plotly.js Examples
  • See examples for how to generate many different kinds of charts using Plotly.js.
• Plotly in React
  • Learn how to use the react-plotly library to incorporate Plotly.js into React.