Blast
Storybook for Laravel Blade
Overview
Blast is a low maintenance component library built to integrate into Laravel apps. It allows you to render examples of your app's components using the blade templating engine and Storybook Server. Blast provides a range of features to help you get started with component development in Laravel.
Features
- Integration with Laravel apps
- Render examples of app components using the blade templating engine
- Use Storybook Server for component development
Options
--install: Force install dependencies--noGenerate: Skip auto-generating stories based on existing components--port: Specify the port used to run Storybook
Generating Stories
Blast can also generate stories outside of the launch task. To do this, run the following command:
php artisan storybook:generate-stories
Storybook Configuration
Blast provides global configuration options in config/blast.php. Some of these options include:
storybook_server_url: The route Storybook Server uses to render componentsauto_documentation: Blast can automatically generate documentation pages based on your Tailwind configtailwind_config_path: The path to your Tailwind config filestorybook_expanded_controls: Set to true to enable full documentation on the controls tabstorybook_theme: The array of theme options used by Storybook
For more information on configuring Blast, refer to the official documentation.
Summary
Blast is a component library for Laravel Blade that integrates with Storybook Server. It provides an easy way to render examples of your app's components using the blade templating engine. By using Blast, you can streamline your component development process in Laravel and generate documentation pages automatically based on your Tailwind config. With its range of features and easy installation process, Blast is a great tool for Laravel developers.
- Laravel
Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.