Course Overview
This course is for developers who want to build dashboards using React and the Splunk UI (SUI) toolkit. The SUI toolkit provides a comprehensive library of React components designed to provide the look and feel of native Splunk apps. Throughout the course students get hands-on experience creating dashboards comprised of React components.
Who should attend
- Developer
- Administrator
Prerequisites
To be successful, students must have completed these Splunk Education course(s) or have equivalent working knowledge:
- Intro to Splunk (ELN)
- Introduction to React (ELN)
Additional courses and/or knowledge in these areas are also highly recommended:
- Introduction to Dashboards
- Dynamic Dashboards (SDD)
- Building Splunk UI Apps (BSUIA)
- Experience with:
- HTML
- CSS
- JavaScript
Outline: Developing Splunk UI Dashboards (DSUID)
Module 1 – Introduction
- Describe Splunk UI Toolkit
- Identify requirements for Splunk UI development
- Set up a development environment
Module 2 – Splunk UI Apps
- Define the app architecture
- Create a Splunk UI app
- Package a Splunk UI app
Module 3 – Components
- Describe React components
- Manage component configuration
- Add a component to an app
- Connect a data source to a component
Module 4 – Data Inputs
- Identify data entry components
- Define tokens
- Describe an event handler
- Implement a data input
Module 5 – Putting it Together
- Identify theme options
- Use Splunk UI icons
- Add a tab layout
- Package and app