docs: split table up

This commit is contained in:
Jonathan Kelley committed 2021-06-24 11:17:59 -04:00
1 parent 527e0abd0f
commit 772e11b965
1 file changed
+12 -3
+12 -3
View File
@@ -96,9 +96,10 @@ Dioxus is heavily inspired by React, but we want your transition to feel like an
Sorted by priority Sorted by priority
### Phase 1: The Basics
| Feature | Dioxus | React | Notes for Dioxus | | Feature | Dioxus | React | Notes for Dioxus |
| ---------------------- | ------ | ----- | ------------------------------------------------ | | ---------------------- | ------ | ----- | ------------------------------------------------ |
| ----- Phase 1 ----- | ----- | ----- | ----- |
| Conditional Rendering | ✅ | ✅ | if/then to hide/show component | | Conditional Rendering | ✅ | ✅ | if/then to hide/show component |
| Map, Iterator | ✅ | ✅ | map/filter/reduce rsx! | | Map, Iterator | ✅ | ✅ | map/filter/reduce rsx! |
| Keyed Components | ✅ | ✅ | advanced diffing with keys | | Keyed Components | ✅ | ✅ | advanced diffing with keys |
@@ -117,7 +118,11 @@ Sorted by priority
| Controlled Inputs | ✅ | ✅ | stateful wrappers around inputs | | Controlled Inputs | ✅ | ✅ | stateful wrappers around inputs |
| CSS/Inline Styles | 🛠 | ✅ | syntax for inline/conditional styles | | CSS/Inline Styles | 🛠 | ✅ | syntax for inline/conditional styles |
| 1st class global state | 🛠 | ✅ | redux/recoil/mobx on top of context | | 1st class global state | 🛠 | ✅ | redux/recoil/mobx on top of context |
| ----- Phase 2 ----- | ----- | ----- | ----- |
### Phase 2: Advanced Toolkits
| Feature | Dioxus | React | Notes for Dioxus |
| --------------------- | ------ | ----- | ------------------------------------------ |
| 1st class router | 👀 | ✅ | Hook built on top of history | | 1st class router | 👀 | ✅ | Hook built on top of history |
| Assets | 👀 | ✅ | include css/svg/img url statically | | Assets | 👀 | ✅ | include css/svg/img url statically |
| Integrated classnames | 🛠 | ❓ | built-in `classnames` | | Integrated classnames | 🛠 | ❓ | built-in `classnames` |
@@ -127,7 +132,11 @@ Sorted by priority
| Mobile | 👀 | ✅ | Render with cacao | | Mobile | 👀 | ✅ | Render with cacao |
| Desktop (native) | 👀 | ✅ | Render with native desktop | | Desktop (native) | 👀 | ✅ | Render with native desktop |
| 3D Renderer | 👀 | ✅ | react-three-fiber | | 3D Renderer | 👀 | ✅ | react-three-fiber |
| ----- Phase 3 ----- | ----- | ----- | ----- |
### Phase 3: Additional Complexity
| Feature | Dioxus | React | Notes for Dioxus |
| -------------------- | ------ | ----- | ------------------------------------ |
| Portal | ❓ | ✅ | cast elements through tree | | Portal | ❓ | ✅ | cast elements through tree |
| Error/Panic boundary | ❓ | ✅ | catch panics and display custom BSOD | | Error/Panic boundary | ❓ | ✅ | catch panics and display custom BSOD |
| Code-splitting | 👀 | ✅ | Make bundle smaller/lazy | | Code-splitting | 👀 | ✅ | Make bundle smaller/lazy |