Skip to content

Commit

Permalink
fix(dev): remove 'One'
Browse files Browse the repository at this point in the history
  • Loading branch information
zuluecho9 committed Sep 23, 2022
1 parent 3132a97 commit 5aefc84
Show file tree
Hide file tree
Showing 50 changed files with 217 additions and 214 deletions.
12 changes: 6 additions & 6 deletions src/markdown-pages/ab-test/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,19 +10,19 @@ Imagine you've developed a website and instrumented it with New Relic's Browser

![A/B test example](../../images/ab-test/ab-test.png)

For this task, you could create a New Relic One application, using React, the New Relic One software development kit, and the limitless power of modern web technologies.
For this task, you could create a New Relic application, using React, the New Relic One software development kit, and the limitless power of modern web technologies.

New Relic One applications are built with one of web development's most popular JavaScript libraries: React. Because you have freedom when writing React code, you can customize your app logic, design your own components, or take advantage of the abundance of open source component libraries. So, for your A/B test app, if you want to write custom logic to end the test based on results, you can do so.
New Relic applications are built with one of web development's most popular JavaScript libraries: React. Because you have freedom when writing React code, you can customize your app logic, design your own components, or take advantage of the abundance of open source component libraries. So, for your A/B test app, if you want to write custom logic to end the test based on results, you can do so.

The New Relic One software development kit (SDK) allows you to create, serve, publish, and deploy applications to New Relic One. It also provides a host of React components for gathering data, presenting information, handling user interactions, and more. You use components like `Button` and `Dropdown` to create an interactive experience that looks and feels native to New Relic. You use `Table` and `Chart` components to display data from your New Relic account or elsewhere. When building your A/B test application, you'd use the SDK's `NrqlQuery` component to fetch Browser data from your account.
The New Relic One software development kit (SDK) allows you to create, serve, publish, and deploy applications to the New Relic platform. It also provides a host of React components for gathering data, presenting information, handling user interactions, and more. You use components like `Button` and `Dropdown` to create an interactive experience that looks and feels native to New Relic. You use `Table` and `Chart` components to display data from your New Relic account or elsewhere. When building your A/B test application, you'd use the SDK's `NrqlQuery` component to fetch Browser data from your account.

With custom React code, SDK components, and the wide world of open source libraries, you can create your A/B test application in New Relic One. But before you create one for yourself, you might want to check the app catalog to see if someone has beaten you to it! If the catalog already had an app for that, you could add it to your account with a couple clicks, another benefit of creating apps in New Relic One.
With custom React code, SDK components, and the wide world of open source libraries, you can create your A/B test application in New Relic. But before you create one for yourself, you might want to check the app catalog to see if someone has beaten you to it! If the catalog already had an app for that, you could add it to your account with a couple clicks, another benefit of creating apps in New Relic.

Throughout this course, you’re going to build a real-world New Relic One application for running and managing A/B tests. You’ll visualize Browser data for your competing designs, see historical data from past tests, and even choose a winning design and end the test, all from your New Relic One application! But before you get into the weeds of building charts and making http requests, you need to learn what New Relic One applications are made of.
Throughout this course, you’re going to build a real-world New Relic application for running and managing A/B tests. You’ll visualize Browser data for your competing designs, see historical data from past tests, and even choose a winning design and end the test, all from your New Relic application! But before you get into the weeds of building charts and making http requests, you need to learn what New Relic applications are made of.

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. Continue on to the first lesson: [_Spin up your demo services_](/build-apps/ab-test/demo-setup).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. Continue on to the first lesson: [_Spin up your demo services_](/build-apps/ab-test/demo-setup).

</Callout>

8 changes: 4 additions & 4 deletions src/markdown-pages/build-apps/ab-test/add-charts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@ description: 'Add chart components to your A/B test application'

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Serve your New Relic One application_](/build-apps/ab-test/serve-app), before starting this one.
Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Serve your New Relic application_](/build-apps/ab-test/serve-app), before starting this one.

</Callout>

</HideWhenEmbedded>

The New Relic One application that you're building throughout this course allows developers to A/B test their websites. To run a successful A/B test, site owners need to be able to analyze the results. Without knowing how each design performs, how will developers determine which design to use?
The New Relic application that you're building throughout this course allows developers to A/B test their websites. To run a successful A/B test, site owners need to be able to analyze the results. Without knowing how each design performs, how will developers determine which design to use?

Here is a mockup for the A/B test application you're building:

Expand All @@ -30,7 +30,7 @@ You’ll refer back to this mockup many times throughout this course. It shows y

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. Continue on to the next lesson: [_Add your first chart_](/build-apps/ab-test/first-chart).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. Continue on to the next lesson: [_Add your first chart_](/build-apps/ab-test/first-chart).

</Callout>

Expand Down
4 changes: 2 additions & 2 deletions src/markdown-pages/build-apps/ab-test/add-ui.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: 'Add user interface components to your application'

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Add a chart group_](/build-apps/ab-test/chart-group), before starting this one.

Expand All @@ -28,7 +28,7 @@ In the next lesson, you arrange your charts to look like they do in your design

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. When you're ready, continue on to the next lesson: [_Add a grid_](/build-apps/ab-test/grid).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. When you're ready, continue on to the next lesson: [_Add a grid_](/build-apps/ab-test/grid).

</Callout>

Expand Down
6 changes: 3 additions & 3 deletions src/markdown-pages/build-apps/ab-test/catalog.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,15 @@ duration: 5

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Add navigation to your nerdlet_](/build-apps/ab-test/navigation), before starting this one.

</Callout>

</HideWhenEmbedded>

In the last lesson, you finished the A/B test application you've been building throughout this course. Now, it's time to prepare it for publication. When you publish your app to the New Relic One catalog, users can view it and subscribe to it. You can help your users by showing and telling them what the app does, how to use it, and more.
In the last lesson, you finished the A/B test application you've been building throughout this course. Now, it's time to prepare it for publication. When you publish your app to the New Relic app catalog, users can view it and subscribe to it. You can help your users by showing and telling them what the app does, how to use it, and more.

## Create catalog information

Expand Down Expand Up @@ -152,7 +152,7 @@ In the next lesson, you'll publish your app, submit your catalog information, an

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. Continue on to the next lesson: [_Publish your New Relic One application_](/build-apps/ab-test/publish).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. Continue on to the next lesson: [_Publish your New Relic application_](/build-apps/ab-test/publish).

</Callout>

Expand Down
6 changes: 3 additions & 3 deletions src/markdown-pages/build-apps/ab-test/chart-group.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: 'Add a chart group'

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Add tables_](/build-apps/ab-test/table-charts), before starting this one.

Expand Down Expand Up @@ -208,7 +208,7 @@ View your changes in [New Relic](https://one.newrelic.com?nerdpacks=local):

Here, you see the `LineChart` components synchronized in your application.

When you're finished, stop serving your New Relic One application by pressing `CTRL+C` in your local server's terminal window.
When you're finished, stop serving your New Relic application by pressing `CTRL+C` in your local server's terminal window.

<Callout variant="tip">

Expand All @@ -228,7 +228,7 @@ Now your application is filled with charts, but it doesn't look great. The chart

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. When you're ready, continue on to the next lesson: [_Add user interface components to your application_](/build-apps/ab-test/add-ui).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. When you're ready, continue on to the next lesson: [_Add user interface components to your application_](/build-apps/ab-test/add-ui).

</Callout>

Expand Down
6 changes: 3 additions & 3 deletions src/markdown-pages/build-apps/ab-test/chart-headings.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: 'Add chart headings'

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Add a grid_](/build-apps/ab-test/grid), before starting this one.

Expand Down Expand Up @@ -327,7 +327,7 @@ View your changes in [New Relic](https://one.newrelic.com?nerdpacks=local):

Here, you see that your charts have descriptive headings.

When you're finished, stop serving your New Relic One application by pressing `CTRL+C` in your local server's terminal window.
When you're finished, stop serving your New Relic application by pressing `CTRL+C` in your local server's terminal window.

</Step>

Expand All @@ -339,7 +339,7 @@ Well done! You've created all the charts that are laid out in your design guide.

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. Continue on to the next lesson: [_Add version descriptions_](/build-apps/ab-test/version-descriptions).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. Continue on to the next lesson: [_Add version descriptions_](/build-apps/ab-test/version-descriptions).

</Callout>

Expand Down
6 changes: 3 additions & 3 deletions src/markdown-pages/build-apps/ab-test/confirmation-modal.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: 'Present an end test confirmation modal'

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Persist the selected version_](/build-apps/ab-test/persist-version), before starting this one.

Expand Down Expand Up @@ -1084,7 +1084,7 @@ Select "Version B" from the menu. Click **End test** to see "Version B" in the c

![The modal shows your selected version](../../../images/ab-test/selected-version-in-modal.png)

When you're finished, stop serving your New Relic One application by pressing `CTRL+C` in your local server's terminal window.
When you're finished, stop serving your New Relic application by pressing `CTRL+C` in your local server's terminal window.

</Step>

Expand All @@ -1096,7 +1096,7 @@ Congratulations! You've done a lot of work and it shows in the usefulness of you

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. Continue on to the next lesson: [_Add NrqlQuery components to your nerdlet_](/build-apps/ab-test/nrql).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. Continue on to the next lesson: [_Add NrqlQuery components to your nerdlet_](/build-apps/ab-test/nrql).

</Callout>

Expand Down
12 changes: 6 additions & 6 deletions src/markdown-pages/build-apps/ab-test/create-nerdpack.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@ description: 'Create a Nerdpack'

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. If you haven't already, check out the [course introduction](/ab-test).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. If you haven't already, check out the [course introduction](/ab-test).

Each lesson in the course builds upon the last, so make sure you've completed the last lesson, [_Install and configure the New Relic One CLI_](/build-apps/ab-test/install-nr1), before starting this one.

</Callout>

</HideWhenEmbedded>

A Nerdpack is a package that contains all the files that make up a New Relic One application or visualization. Nerdpacks include files for metadata, Nerdlets, assets, and more. To create a Nerdpack, use the New Relic One CLI:
A Nerdpack is a package that contains all the files that make up a New Relic application or visualization. Nerdpacks include files for metadata, Nerdlets, assets, and more. To create a Nerdpack, use the New Relic One CLI:

<>

Expand Down Expand Up @@ -45,7 +45,7 @@ _package.json_, _package-lock.json_, and *node_modules* are important for runnin

### Metadata file

_nr1.json_ is the Nerdpack's metadata file, containing a schema type, unique identifier, a display name, and a description. Since you’re building a New Relic One application for running and analyzing A/B tests, update the package's `displayName` to "A/B Test" and set the description to "A/B test your application using New Relic One":
_nr1.json_ is the Nerdpack's metadata file, containing a schema type, unique identifier, a display name, and a description. Since you’re building a New Relic application for running and analyzing A/B tests, update the package's `displayName` to "A/B Test" and set the description to "A/B test your application using New Relic One":

```json fileName=nr1.json
{
Expand All @@ -62,7 +62,7 @@ Next, look at the _launchers_ and _nerdlets_ subdirectories.

## Launchers

_launchers_ is a directory because you can create multiple launchers for your New Relic One application. `nr1 create` only created one launcher for your Nerdpack and called it "ab-test-launcher". Inside its directory, there are two files:
_launchers_ is a directory because you can create multiple launchers for your New Relic application. `nr1 create` only created one launcher for your Nerdpack and called it "ab-test-launcher". Inside its directory, there are two files:

- _icon.png_ is an image that represents the application
- _nr1.json_ is the launcher's metadata file
Expand All @@ -83,7 +83,7 @@ Notice that the launcher has a `rootNerdletId`. This identifies the Nerdlet that

## Nerdlets

The _nerdlets_ directory contains all the Nerdlets that make up your New Relic One application. Since `ab-test-nerdlet` is the only Nerdlet in this Nerdpack, there is only one subdirectory. In _nerdlets/ab-test-nerdlet_, there are three files:
The _nerdlets_ directory contains all the Nerdlets that make up your New Relic application. Since `ab-test-nerdlet` is the only Nerdlet in this Nerdpack, there is only one subdirectory. In _nerdlets/ab-test-nerdlet_, there are three files:

- _index.js_ is the JavaScript file that contains your Nerdlet component
- _styles.scss_ holds the Sass stylesheet for your Nerdlet
Expand Down Expand Up @@ -143,7 +143,7 @@ In the next lesson, you'll learn how to serve your Nerdpack locally and see your

<Callout variant="course">

This lesson is part of a course that teaches you how to build a New Relic One application from the ground up. Continue on to the next lesson: [_Serve your New Relic One application_](/build-apps/ab-test/serve-app).
This lesson is part of a course that teaches you how to build a New Relic application from the ground up. Continue on to the next lesson: [_Serve your New Relic application_](/build-apps/ab-test/serve-app).

</Callout>

Expand Down
Loading

0 comments on commit 5aefc84

Please sign in to comment.