Kibana Custom UI development


(Aditya) #1

Hello Team,

I am new to elasticsearch and don't have any experience in UI development. I want to learn UI development and create my own custom UI, vizualizations in Kibana.
Could you please help me understand what UI languages / Frameworks i should learn and which kibana version should i target.

Is there any training available for custom UI development in KIbana.

I tried building kibana using source code however i ran into build issues.

kibana: $ yarn build:types && node scripts/register_git_hook
kibana: $ tsc --p tsconfig.types.json
kibana: Registering Kibana pre-commit git hook...
kibana: fail Kibana pre-commit git hook was not installed as an error occur.
kibana: ERROR TypeError: Cannot read property 'replace' of undefined
kibana: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
x kibana: error Command failed with exit code 1.

[bootstrap] failed:

Error: Command failed: yarn run kbn:bootstrap
error Command failed with exit code 1.

$ yarn build:types && node scripts/register_git_hook
$ tsc --p tsconfig.types.json
Registering Kibana pre-commit git hook...

fail Kibana pre-commit git hook was not installed as an error occur.

ERROR TypeError: Cannot read property 'replace' of undefined
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

    at makeError (D:\elasticsearch\gitcode\kibana\kibana\packages\kbn-pm\dist\index.js:14111:9)
    at Promise.all.then.arr (D:\elasticsearch\gitcode\kibana\kibana\packages\kbn-pm\dist\index.js:14215:16)
    at process._tickCallback (internal/process/next_tick.js:68:7)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Thank You,
Aditya


(Aditya) #2

Hello Team,

I was able to build Kibana with Kibana branch 6.5
Git code and also was able to generate(boilerplate), build and install plugin in Kibana. However I did not add any Functionality to the plugin.

Could you please help me with following queries
1 .What Should be used for development, Angular or react
2. what JS versions are preferred.

Thank you for your help and support.

Thank you,
Aditya