Git Product home page Git Product logo

ui's Introduction

UI

That repository was created in an effort to simplify the development of Talend's front-end stack.

Travis CI

Goals

  • Single code repository / Multiple packages
  • Global (cross package) test and review tools
  • Unified stack versions
  • Easy cross packages development

The stack

Tools (dev environment)

โš ๏ธ If you've used lerna bootstrap in the past, please start by running lerna clean or you will have bad behavior with the following tools.

yarn run watch

The stack has one entry point:

yarn run watch

This watcher will trigger build and sync inside the stack for you.

For example if you modify a component, it will rebuild component into lib folder and copy the content through forms and containers.

Be warned the delete or rename are not taken into account.

yarn run build

Just build all the packages for static purpose. It use the prepublish command.

copylibs

./copylibs.js

This script will copy all the lib folders of the stach into their dependencies.

This script for example will copy the lib folders of components into containers and forms node_modules.

It accepts options:

./copylibs.js --watch

If the content of a lib folder change it triggers the copy.

./copylibs.js --scope=components

Only copy components into forms and containers.

Same with all subfolders of packges.

yarn start

It will start all the stack for you:

  • components on localhost:6006
  • containers on localhost:6007
  • forms on localhost:6008
  • theme on localhost:1337

If you want to work accross the stack you should launch

./copylibs.js --watch

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.