30 open-source projects similar to petehunt/react-howto, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
LeetCode-Book is a curated study resource and markdown algorithm guide designed for technical interview preparation. It serves as a multi-language code library that provides solutions and explanations for coding challenges to help users study data structures and algorithmic principles. The project is delivered as a Docusaurus documentation website, which transforms a directory of version-controlled markdown files into a structured and searchable online technical resource. The repository covers an algorithm study workflow that includes tracking LeetCode problems and following curated study pl
js-the-right-way is a JavaScript best practices guide and coding standards reference designed to provide a curated collection of industry materials for writing maintainable code. It serves as a web development education resource, offering organized documentation on modern JavaScript patterns and idioms. The project is structured as a markdown-based documentation site, where guides written in lightweight markup are rendered as static pages. It utilizes a curated network of hyperlinks to connect internal documentation with external industry standards.
This project is a static site documentation generator that transforms markdown and source files into searchable, themed websites for technical guides and references. It provides a containerized environment that bundles the necessary build artifacts and runtime to serve documentation sites. The system includes a markdown documentation linter to enforce consistent styling and grammar across content to maintain editorial standards. It also implements search engine optimization through the generation of sitemaps and structured layouts to improve content discoverability and indexing. The platform
Slate is a static API documentation generator and reference website builder. It transforms API specifications and Markdown files into a professional, hosted static site used for developer portals and REST API referencing. The tool creates a single-page API reference guide that integrates code samples and request-response examples. It utilizes a two-pane layout architecture to separate navigation from detailed endpoint descriptions. The system includes a Markdown-based content pipeline and static site generation to produce flat HTML files. It provides client-side search indexing and a respons
This project is an algorithm learning platform and computer science educational resource. It serves as a technical interview study guide, providing structured lessons on data structures and sorting methods. The site is a markdown-based static site that converts technical documentation and algorithmic explanations into static HTML pages. It functions as a system for markdown content publishing to deliver educational material. The platform covers algorithm complexity analysis, problem solving workflows, and general computer science education. It utilizes a component-based UI structure with fil
English-note is a structured English grammar course and learning resource designed to teach sentence structure and parts of speech. It serves as a language learning guide for students to understand the fundamental rules of the English language. The project is implemented as a markdown-based educational site that utilizes static site generation to convert pre-defined text files into optimized HTML pages. It features a responsive layout that adjusts to different screen sizes and devices. The resource supports self-paced language study and English language acquisition through a collection of le
This project is a comprehensive Go language learning course and programming fundamentals guide. It provides a structured curriculum of video and text lessons designed to teach both basic and advanced concepts of the Go programming language. The educational material is organized through a hierarchical system of summarized notes. These notes use timestamp-linked mapping to connect textual summaries directly to specific moments in video tutorials for precise knowledge retrieval. The content is authored in markdown and delivered as a static site, with the curriculum structure mirroring a nested
This project is a curated knowledge base and development guide focused on best practices for the Laravel framework. It provides a collection of architectural patterns and coding standards designed to help developers build scalable PHP server-side applications. The resource specifically covers application architecture, database modeling, and general coding best practices to improve the quality and readability of Laravel codebases. The content is delivered as a static site, rendering technical documentation and guides from markdown files into a searchable web interface.
backend-cheats is a comprehensive backend engineering reference guide and a collection of technical cheatsheets. It serves as a knowledge base for server-side development, networking, and computer science fundamentals, delivered as a markdown-based static site. The project provides detailed handbooks for API design, specifically covering REST and GraphQL interfaces, and software architecture patterns such as Monolithic, Microservices, and MVC. It includes a database architecture overview comparing relational and NoSQL paradigms, as well as a web security reference for identifying vulnerabilit
This project is a collection of educational code samples and reference implementations for learning the React library. It provides curated examples of frontend architecture patterns used to build and structure user interfaces in web applications. The repository focuses on practical implementation patterns, offering a set of React component examples that demonstrate how to organize components and hooks. These materials serve as a guide for translating design requirements into functional code through studied implementation samples. The content covers the fundamentals of React frontend developm
This project is a learning course and instructional resource for React frontend development. It consists of a structured curriculum, architectural guides, and a library of reference materials designed to teach the construction of user interfaces and web applications. The repository provides a collection of project implementations, including e-commerce stores and CRUD applications, to serve as reference architectures. It includes curated lessons and code examples that focus on implementing state management and type safety patterns. The materials cover frontend architecture patterns, the integ
This project is a web development tutorial site and a Ruby on Rails learning resource designed as a beginner programming guide. It serves as a technical workshop curriculum and a structured framework for organizing and coaching community-led programming events. The site functions as a static site generator that converts Markdown content and templates into pre-rendered HTML pages. This architecture supports the delivery of step-by-step guides and instructional materials used to teach new learners how to build web applications. The content covers a broad range of capabilities, including Ruby o
This project is a comprehensive educational knowledge base designed to support developers in mastering React and its surrounding ecosystem. It serves as a technical interview resource, providing a structured collection of questions and answers that cover core concepts, architectural patterns, and common development challenges. The repository distinguishes itself by offering detailed explanations of fundamental React principles, including component-based composition, the declarative UI paradigm, and state-driven data flow. It provides clarity on complex topics such as the Fiber reconciliation
This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur
This project is a comprehensive educational framework designed to guide learners through the complexities of systems engineering and low-level software development. It provides structured learning paths that integrate hardware simulation, source code analysis, and project-based exercises to help developers master the foundational concepts of computer architecture, operating systems, and firmware design. The curriculum distinguishes itself by emphasizing direct interaction with system internals, requiring learners to examine and modify existing open-source kernel and driver implementations. By
React Bits is a comprehensive collection of architectural patterns, design strategies, and coding standards for building maintainable user interfaces. It functions as a guide for structuring complex applications through modular component composition, declarative state management, and consistent data flow techniques. The project distinguishes itself by providing a library of established design patterns and optimization techniques that address common development challenges. It emphasizes the identification and resolution of suboptimal coding practices, offering reliable alternatives to improve
MDN Web Docs is the official source for comprehensive documentation about HTML, CSS, JavaScript, HTTP, and Web APIs for web developers. It serves as both a complete reference for web browser technologies and a structured learning platform that guides users from beginner to advanced levels through tutorials covering core web standards. The project distinguishes itself by providing a complete reference documentation for standard browser APIs alongside guidance for building accessible websites that work with assistive technologies. It offers documented security techniques and best practices for
jswiki is a JavaScript documentation wiki and web development knowledge base. It serves as a structured repository of technical guides and references focused on JavaScript, HTML5, and WebGL development. The project functions as a markdown static site generator that converts markdown files into pre-rendered HTML pages. It provides specialized technical references for implementing modern web layouts and high-performance hardware-accelerated 2D and 3D graphics. The system incorporates static site generation, markdown content authoring, and asset-based resource bundling. It utilizes client-side
This project is a front-end development knowledge base and technical learning roadmap. It serves as a structured collection of tutorials, detailed guides, and technical references designed to guide learners from basic syntax to advanced web engineering. The platform functions as a searchable repository of web development documentation, organizing technical knowledge into a curated sequence of lessons to help users transition into professional development. The site is built using static site generation and markdown-based content authoring. It includes a hierarchical category navigation system
Flux is an application architecture framework and client-side state orchestrator. It implements a unidirectional state management pattern to ensure data flows in one direction, preventing unpredictable state changes and maintaining consistency across the user interface. The system functions as an action-driven state architecture where changes are triggered by plain object actions. A centralized dispatcher routes these actions to multiple data stores, which partition the application state and notify views of changes via a publisher-subscriber synchronization pattern. This approach provides a
This project is a structured educational framework designed to guide developers through the core concepts of JavaScript programming and software engineering. It functions as a comprehensive training resource, providing a logical roadmap for mastering web development, from fundamental language syntax to full-stack application architecture. The platform utilizes a markdown-based documentation system that organizes technical learning materials into a clear, hierarchical curriculum. By employing a static site generator, the project transforms these plain-text educational modules into a collection
This project is a collection of open source educational materials and training modules designed to teach the fundamentals of version control with Git and GitHub. It provides a structured curriculum of lessons and exercises to facilitate technical onboarding and the adoption of version control standards. The content is delivered as a markdown-based static site that can be packaged into a redistributable archive. This allows the training portal to be deployed on private internal web servers behind firewalls for offline or secure access. The system converts markdown instructional content into s
This project is a curated technical resource library and static site generator designed to organize books and documentation covering computer science, cybersecurity, DevOps, and systems programming. It functions as a schema-driven resource directory that uses markdown content management to transform structured files and metadata into pre-rendered HTML pages. The system implements a client-side search engine that utilizes a JSON manifest to filter resources directly in the browser, removing the need for server-side queries. It organizes technical literature into a structured directory by mappi
Roadmap-Docs is a technical career roadmap repository that provides structured learning paths for software engineering, data science, and artificial intelligence roles. It functions as a professional development curriculum, mapping essential technical milestones and industry-standard tools to guide career advancement. The platform integrates a job market trend analyzer that evaluates industry job postings to identify high-demand skills and competencies. By utilizing an automated data pipeline, the system updates these educational roadmaps to reflect real-time industry requirements and evolvin
This project is a software engineering reference that provides a cross-language formatting standard and industry-standard practices for architectural patterns, memory management, and identifier naming. Its primary purpose is to implement a unified set of indentation and whitespace rules applied consistently across multiple distinct programming environments. The project specializes in technical documentation localization, providing Chinese language translations of official programming style guides. It maps original English coding standards to Chinese language references to maintain meaning acr
This project is a comprehensive JavaScript programming tutorial and educational resource designed to guide learners from basic syntax to advanced language mastery. It serves as a structured instructional guide and language reference for the JavaScript standard library and its core programming concepts. The curriculum covers several specialized technical areas, including an asynchronous JavaScript guide focused on non-blocking code and a course on object-oriented programming centered on prototypes and inheritance. It also provides a dedicated learning resource for web development, focusing on
This project is a robotics engineering knowledge base and learning curriculum. It serves as a structured collection of academic courses, textbooks, and technical guides for studying robotics, kinematics, and control systems. The repository functions as a hardware resource guide and prototyping directory. It provides a curated set of tutorials and setup manuals for microcontrollers, alongside DIY build guides and software tools for designing robot arms, drones, and mechanical simulators. The content covers a broad technical surface, including embedded systems learning, robot software tooling
Avalonia is a cross-platform desktop framework that enables the creation of native-feeling applications for Windows, macOS, and Linux from a single codebase. It functions as a declarative UI toolkit, allowing developers to define complex visual hierarchies and interface structures using a markup-based syntax that maps directly to underlying object properties. By utilizing the Model-View-ViewModel architectural pattern, the framework facilitates a clean separation between application logic and user interface layout, which simplifies unit testing and component maintenance. The framework disting
This project is a comprehensive guide to architectural patterns and design techniques for building modular user interfaces with React. It focuses on structuring component hierarchies, implementing state management patterns, and decoupling services to ensure applications remain maintainable and scalable. The collection emphasizes strategies for dependency injection and the separation of business logic from presentation layers. It provides detailed approaches for utilizing containers, higher-order components, and module registries to isolate external services and third-party libraries from the
WebFundamentals is a documentation build system and static site generator designed to automate the lifecycle of technical content. It provides a comprehensive web content pipeline that transforms markdown, HTML, and YAML source files into structured, navigable documentation sites. The project distinguishes itself through integrated support for multi-language content localization and automated build pipeline management. It handles complex site requirements by managing user language preferences, enforcing consistent code quality and style standards, and applying security-header middleware to re