Modules Cache
This guide explains how the HBStack framework manages modules cache, including the purpose of the cache, how to view cached templates, and the implications of using cached modules.
Agentic Action
This document outlines the actions that an agent can take in a structured manner. It covers how actions are specified, the use of tools, and how agents can be fine-tuned for coding tasks.
Image Test
This document provides a guide on how to use images in the hbstack framework, including various methods of rendering images in markdown files.
External Service
This document explains how to connect React applications to external services using APIs, including data fetching with Fetch API and Axios, error handling and best practices for integrating third-party platforms.
Custom Hooks
This document explains the use of useEffect and custom hooks in React including how to manage side effects, dependency arrays, and create reusable logic for function components.
Hooks
This document explains the purpose, advantages, and best practices of using Hooks in React, including standard and custom hooks for managing state, side effects, and reusable logic in function components.
Module Summary
This document provides a concise summary of React concepts covered in Module 2, including arrays, virtual DOM, component styling, and key glossary terms for building dynamic and maintainable user interfaces.
Styles
This document explains different ways to apply styles in React, including inline styles, CSS modules, and styled-components, with examples and best practices for component styling.
Vdom in React
This document explains the concept of the virtual DOM in React, its working mechanism, advantages, and how it differs from the normal DOM, with practical examples and performance insights.
Arrays in Component
This document explains how to declare, traverse, and manage arrays in React components, including state management, rendering lists, and common array methods.
Component Testing
This document explains the principles, approaches, and tools for testing React components, including unit and end-to-end testing, Arrange-Act-Assert, and libraries like Jest and React Testing Library.
Function Comp Lifecycle
This document explains the four phases of the React function component lifecycle—mounting, updating, unmounting, and error handling—using hooks and practical examples.
State Management
This document explains state management in React function components, focusing on the useState hook, syntax, and practical examples for dynamic UI updates.
Component Composition
This document explains the principles and practical use of component composition in React, including abstraction, reusability, hierarchy, props children, and higher-order components.
Function Component
This document explains how props and event handling work in React function components, covering data flow, default props, customization, and conditional rendering.
Agents Revisited
This document explores the concept of AI agents, their practical roles workflows, and the transformative impact they are expected to have on work and daily life.
Hugging Face
This document explores Hugging Face, an open-source AI platform, its model hub, datasets, Spaces, and practical steps to build and customize AI apps using shared code and APIs.
Module Summary
This document provides a concise summary of React component types, state and props, event handling, and the component lifecycle, highlighting their roles in building modular and interactive user interfaces.
Passing Data Between Components
This document explains how data and state are passed between React components covering lifecycle phases, parent-child communication, and callback usage for effective state management.
ES6
This document provides an overview of ECMAScript 6 (ES6), covering key features such as `let`, `const`, arrow functions, promises, and classes, and their impact on modern JavaScript development.
React Structure
This document explains how to create React projects using the Vite build tool detailing the project setup process and the resulting folder structure.
Components Lifecycle
This document explains the lifecycle of React class components, detailing the mounting, updating, and unmounting phases, and the lifecycle methods used in each phase.
Cra vs Vite
This document compares Create React App (CRA) and Vite, highlighting their features, build tools, performance, and suitability for different React project needs.
Frontend Frameworks and React
This document introduces front-end frameworks and React, covering the differences between libraries and frameworks, and highlighting React's key features for building dynamic user interfaces.
Jsx
This document introduces JSX, its syntax, compilation process, and the benefits it brings to React development, including readability, error detection, performance, and security.
Props and Event Handling
This document explains how to use props and event handling in React class components, covering state management, data flow, and user interaction techniques for building dynamic interfaces.
React Component
This document introduces React components, their features, types, and how they enable modular, reusable, and interactive user interfaces in React applications.
React States
This document explains the concept of state in React class components, how it differs from props, and how state enables dynamic, interactive user interfaces.
Web Application
This document outlines the phases of the application development lifecycle from requirements gathering to maintenance, and highlights best practices for organizing code in web applications.
Introduction to using flask
This document introduces Python with Flask, highlighting its simplicity extensibility, and suitability for both small and large-scale web applications. It covers key features, scaling considerations, and real-world usage.