@meursyphus/flitter 2.0.2 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,20 +1,22 @@
1
1
  # Flitter
2
2
 
3
- Flitter is a powerful framework inspired by Flutter, supporting both SVG and Canvas to create high-performance graphics and user interfaces. It is designed to easily implement complex data visualizations, interactive charts, diagrams, and graphic editors in web applications.
3
+ Flitter is a powerful JavaScript rendering engine and framework inspired by Flutter, supporting both SVG and Canvas to create high-performance graphics and user interfaces. As a rendering engine, it provides fine-grained control over the rendering process, allowing developers to create complex, interactive visualizations with ease. It is designed to efficiently implement data visualizations, interactive charts, diagrams, and graphic editors in web applications.
4
4
 
5
5
  ## Key Features
6
6
 
7
- - **Render Object Tree**: Flitter uses a render object tree for efficient rendering, allowing easy management and manipulation of complex layouts.
7
+ - **Advanced Rendering Engine**: At its core, Flitter is a sophisticated rendering engine that gives developers precise control over how elements are drawn and updated on the screen.
8
8
 
9
- - **Declarative Programming**: Following a declarative paradigm, the screen automatically updates when values change, simplifying application state management.
9
+ - **Render Object Tree**: Flitter uses a render object tree for efficient rendering, allowing easy management and manipulation of complex layouts. This tree-based approach, central to Flitter's rendering engine, enables optimized updates and redraws.
10
10
 
11
- - **Optimized Rendering**: Re-rendering, painting, and layout recalculations are managed by the renderer pipeline, with optimizations applied to update only necessary parts.
11
+ - **Declarative Programming**: Following a declarative paradigm, the screen automatically updates when values change, simplifying application state management and reducing the complexity of manual DOM manipulation.
12
12
 
13
- - **Box Model Layout**: Users can easily compose layouts using the familiar Box model.
13
+ - **Optimized Rendering Pipeline**: Re-rendering, painting, and layout recalculations are managed by the renderer pipeline, with optimizations applied to update only necessary parts. This ensures high performance even with complex, data-heavy visualizations.
14
14
 
15
- - **SVG and Canvas Support**: Supports both SVG and Canvas, meeting various graphic requirements. Developers can choose the appropriate renderer as needed.
15
+ - **Dual Renderer Support**: As a flexible rendering engine, Flitter supports both SVG and Canvas, meeting various graphic requirements. Developers can choose the appropriate renderer as needed, switching seamlessly between vector and bitmap graphics.
16
16
 
17
- - **Diverse Applications**: Can be utilized in various fields such as charts, diagrams, data visualization, and graphic editors.
17
+ - **Box Model Layout**: Users can easily compose layouts using the familiar Box model, providing a intuitive way to structure complex UIs within the rendering engine.
18
+
19
+ - **Diverse Applications**: Can be utilized in various fields such as charts, diagrams, data visualization, and graphic editors, leveraging the power of the underlying rendering engine.
18
20
 
19
21
  # Showcase
20
22
  Here are some examples of what you can create with Flitter:
@@ -240,15 +242,18 @@ class BarState extends State<Bar> {
240
242
 
241
243
  ## Why Flitter?
242
244
 
243
- 1. **Easy Learning Curve**: Uses syntax similar to Flutter, allowing mobile developers to easily adapt to the web environment.
245
+ 1. **Powerful Rendering Engine**: Flitter's core strength lies in its advanced rendering capabilities, allowing for smooth handling of complex graphics and animations.
246
+
247
+ 2. **Easy Learning Curve**: Uses syntax similar to Flutter, allowing mobile developers to easily adapt to the web environment while leveraging a powerful web-based rendering engine.
248
+
249
+ 3. **High Performance**: The optimized rendering pipeline ensures smooth performance even with complex, data-intensive visualizations.
244
250
 
245
- 2. **High Performance**: Handles complex graphics smoothly with an optimized rendering pipeline.
251
+ 4. **Flexibility**: Abstracts SVG and Canvas manipulation, allowing developers to focus on business logic while the rendering engine handles the low-level drawing operations.
246
252
 
247
- 3. **Flexibility**: Abstracts SVG and Canvas manipulation, allowing developers to focus on business logic.
253
+ 5. **Renderer Selection**: Can choose between SVG and Canvas renderers as needed, meeting various graphic requirements and allowing for the best performance in different scenarios.
248
254
 
249
- 4. **Renderer Selection**: Can choose between SVG and Canvas renderers as needed, meeting various graphic requirements.
255
+ 6. **Reusability**: Increases code reusability through a component-based approach, enabled by the underlying rendering engine's architecture.
250
256
 
251
- 5. **Reusability**: Increases code reusability through a component-based approach.
252
257
 
253
258
  ## Contributing
254
259