| 1 | # v3.0 Road Map
|
| 2 |
|
| 3 | If you want to find out more about v3 we recommend you read the following issues
|
| 4 | - [The future of FUI in 2019 and v3.0](https://github.com/fomantic/Fomantic-UI/issues/319)
|
| 5 | - [v3 theming proposal](https://github.com/fomantic/Fomantic-UI/issues/441)
|
| 6 | - [The discussion of jQuery & it's relevance to v3](https://github.com/fomantic/Fomantic-UI/issues/374)
|
| 7 |
|
| 8 | > NOTE: Not all of these features/changes will be shipped with v3 but are on our roadmap unless specified otherwise.
|
| 9 |
|
| 10 | ---
|
| 11 |
|
| 12 | ### Key:
|
| 13 |
|
| 14 | | Key | |
|
| 15 | |-----|------------------------------------------------------------|
|
| 16 | | 💡 | Proposal |
|
| 17 | | ✏ | In planning/prototyping phase |
|
| 18 | | 🛠 | Currently being implemented |
|
| 19 | | 🚫 | Blocked (progress can't continue until something is done) |
|
| 20 | | ✅ | Implemented and ready to ship |
|
| 21 | | ❌ | Canceled |
|
| 22 | | 🛳 | Will ship with initial v3 release |
|
| 23 |
|
| 24 | ---
|
| 25 |
|
| 26 | ### Major Changes:
|
| 27 |
|
| 28 | - New documentation website ✏🛳
|
| 29 | - New build system ✏🛳
|
| 30 | - Visual component tests ✏
|
| 31 | - CI/CD process ✏
|
| 32 | - Rewrite modules into ES6 with classes ✏🛳
|
| 33 | - Move to a [monorepo](https://en.wikipedia.org/wiki/Monorepo) with separate packages ✏🛳
|
| 34 | - CLI tool ✏
|
| 35 | - Theme builder website 💡
|
| 36 | - Theme/plugin package sharing website 💡
|
| 37 | - Changing icon implementation from class based to HTML attribute based (`data-icon="user"`) ✏🛳
|
| 38 | - Theming implementation rewrite (behaviour will stay the same) ✏🛳
|
| 39 | - Move from LESS to SASS ✏🛳
|
| 40 | - v3 to v2 JavaScript polyfill package 💡
|
| 41 | - Browser support for all major browsers and IE11 ✏
|
| 42 | - Move SASS variables to CSS variables so they can be easily changed without compiling.
|
| 43 |
|
| 44 | ### Library Implementations:
|
| 45 |
|
| 46 | This is a list of libraries we are wanting and proposing to create implementations for.
|
| 47 |
|
| 48 | - DOM (Standard JavaScript DOM) 🛳
|
| 49 | - React 🛳
|
| 50 | - Vue 🛳
|
| 51 | - Angular 💡
|
| 52 | - Meteor 💡
|
| 53 | - Stencil 💡
|
| 54 | - Mithril 💡
|
| 55 | - Web Components (Shadow DOM) 💡
|
| 56 |
|
| 57 | ### New Components:
|
| 58 |
|
| 59 | This is a list of components which will be added or are proposed to be added.
|
| 60 |
|
| 61 | - DataTable 💡
|
| 62 | - Sorting
|
| 63 | - Filtering
|
| 64 | - Pagination
|
| 65 | - Search
|
| 66 | - Utility helpers (these will work on any component) ✏
|
| 67 | - Margin (top, right, bottom, left)
|
| 68 | - Padding (top, right, bottom, left)
|
| 69 | - Visibility modifiers
|
| 70 | - `only show on x`
|
| 71 | - `only show on x and y`
|
| 72 | - `dont show on x`
|
| 73 | - `dont show on x or y`
|
| 74 | - Carousel 💡🛳
|
| 75 | - Grid (rewrite grid with CSS Grid) ✏
|
| 76 | - More colors (tones, shades, gradients?) 💡
|
| 77 | - File Upload (Dropzone and standard input) ✏🛳
|
| 78 | - Color Picker 💡
|
| 79 | - Statistics Donuts 💡
|
| 80 | - Input Masks ✏
|
| 81 | - Draggable 💡
|
| 82 | - Sheets (left, right, bottom) 💡
|
| 83 | - Toast (reimplement) ✏
|
| 84 | - Timeline 💡
|
| 85 |
|
| 86 | ---
|
| 87 |
|
| 88 | > If you think anything is missing please open a pull request and add it.
|