Dialog-boxes development area for GSoC-2017 project -
Convert XUL to HTML
Lightning(Thunderbird calendar addon) has traditionally been using XUL for its user interface. To modernize, I will be converting User Interface of some dialogs into React. The new components will be using web standards as much as possible, avoiding extensive use of third party libraries. I will be using React.js for developing HTML. React.js is very good for making reusable web components and it is quite efficient as well. Unlike XUL, debugging is very easy with react.js. More info about this project can be found in my proposal and wiki.
NOTE: This project should be viewed ONLY IN FIREFOX BROWSER because it uses firefox platform css.
- Clone the repository:
- Install Yarn globally:
npm install -g yarn
- Install dependencies:
- Start server:
- Convert components to vanilla js(no-jsx):
yarn build. All the components within
srcdirectory structure will be present in
distdirectory. These components will be in vanilla js instead of jsx.
- Write/Change Code: Install prettier and eslint extentions in your code editor to make sure you don't have lint errors. The
buildcommand runs a bash shell file so also make sure you are running
buildcommand on a bash shell.
Problems and Issues
Feel free to open an issue to get info about any component or anything else.
Thanks to BrowserStack for providing free open source plans.