29Kumait

1. Interfaces for Component Props

interface ProductProps {
  name: string;
  price: number;
  imageUrl: string;
  inStock: boolean;
}

29Kumait

.

1. Basic Types and Interfaces

Basic component that displays a greeting message. This will illustrate the use of basic types and interfaces for component props.

import React from 'react';

interface GreetingProps {

29Kumait

Essential TypeScript Concepts for React Development

Fundamentals

• Types: Master basic types (string, number, boolean, etc.), arrays, tuples, and enums for robust data modeling.
• Interfaces: Structure objects and React components with interfaces to enforce type safety, promoting code predictability.
• Generics: Employ generics to craft reusable components and functions that seamlessly operate on various data types.

React Integration

• Function Components: Utilize React.FC and interfaces/type aliases to precisely type component props and accurately model component behavior.
• Hooks: Grasp the intricate typing of React hooks like useState, useReducer, and useContext to ensure state management aligns with expected data types.

29Kumait

Optimising React Apps

29Kumait

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

• Mac /usr/local/mysql/bin
• Windows /Program Files/MySQL/MySQL version/bin
• Xampp /xampp/mysql/bin

Add mysql to your PATH