A self-paced introduction to custom application (nerdlet) development for New Relic One.
This course is designed to teach you the fundamentals of how to build your own complex applications from scratch. During the course you will build a sample application using custom components learning key concepts throughout. The chapters are intended to be worked through in turn, each builds upon the work of the previous.
Each chapter contains a /code
folder that has the application code as it stands from the end of the chapter.
FEEDBACK!
Please provide feedback via email (jbuchanan@newrelic.com) a pull request or via the feedback form.
Chapter | Description | Time |
---|---|---|
Chapter 1 - Hello World | Create a nerdpack and get it up and running. | 10 mins |
Chapter 2 - Configure the app | Configure the app and launcher with custom text and icons | 10 mins |
Chapter 3 - Basic UI layout | Explore the UI component documentation to build a simple layout for the application. | 20 mins |
Chapter 4 - Enriching the layout | We take a look at JSX and improve our layout with some styling using inline styles and style sheets. | 30 mins |
Chapter 5 - Adding charts | Start using the chart components to bring data onto the page. We'll also explore using configuration to drive our data. | 30 mins |
Chapter 6 - Multiple rows | Dynamically generate multiple charts on the page by driving them from configuration. Explore console notifications. | 30 mins |
Chapter 7 - Time picker | Connect our charts to the time picker, and use it as an excuse to explore the Chrome debugger tools. | 30 mins |
Chapter 8 - Create components | Create our own components and wire them up to the application. We will learn what properties and state are and practice using them. We also cover some validation. | 30 mins |
Chapter 9 - Refactoring to components | Refactor our code into components. | 15 mins |
Chapter 10 - Third party components | Adding thrid party node modules to the application. | 10 mins |
Chapter 11 - Data loading | Learn how to load data from the New Relic graphql API and use it to render the data in our custom pie chart component | 40 mins |
Chapter 12 - Reacting to user interaction | Fix the time picker for the pie chart and explore handling other user interactions | 30 mins |
Chapter | Description | Time |
---|---|---|
Chapter 13 - Custom chart data | Plot the results of mutiple custom nrql insights queries on a chart. Also look at how to auto-refresh the chart every minute. | 30 mins |
In addition to the code in each chapter's /code folder, the final app developed from the course is available here
Want more labs? Checkout the some more self paced labs here.