Event Details

Please note: All times listed below are in Central Time Zone


Easy Steps to Create Your Own Awesome Dashboard Plugin with React

After we developed our first Horizon dashboard plugin in Angular 1.X, we had a nice dashboard, but... 

Time passed, Angular version was upgraded to 7.X, and the Horizon infrastructure remained stuck with the old and unmaintained Angular framework. 

As frontend developers we wanted to use custom libraries/frameworks such as React, and the Horizon infrastructure gave us a very hard time. We also wanted to involve the community in the development of a new plugin, but understood that it won’t be done until the infrastructure allows it. 

 Starting with our vision, we encountered additional hurdles such as: 

  • How to use webpack in Horizon
  • How to create custom library dependencies withXStatic 
  • How to debug faster
  • How to mock data when thebackend is not available  

Now that we're much wiser, we want to share it all with you - how to do it right 

After seeing our demo and source code, you'll be just one step from creating your own awesome plugin


What can I expect to learn?

 

  • Leverage the amount of frontend developers to create new plugins. 
  • Change obsolete plugins from maintenance mode to the latest architecture. 
  • Prepare your code before AngularJS long term support will end
Monday, April 29, 3:25pm-3:35pm (9:25pm - 9:35pm UTC)
Difficulty Level: Beginner
Tech Leader, Over 10 years in the clouds, The best tree in the forest
Software-Engineer (BSc Ben-Gurion University) with emphasis for web UI,  Using React, Angular, NodeJS, CSS3 (SASS), D3 library, and a lot more.Worked in the cloud area for more than 10 years (VMware, Alcatel-Lucent, Nokia). FULL PROFILE
Mirantis
Ivan is a Senior Software Engineer with Mirantis. He is Horizon PTL and core member of the Cinder project. He works with OpenStack since Diablo release. FULL PROFILE