<commit_before>---
title: Rules
description: This tutorial will show you how to use Auth0 rules to extend what Auth0 has to offer.
---

<%= include('../../_includes/_github', {
  link: 'https://github.com/auth0-samples/auth0-react-sample/tree/master/06-Rules',
}) %>_


<%= include('../_includes/_rules-introduction') %>

## 1. Create a rule

<%= include('../_includes/_rules-create-section') %>

## 2. Test rule result

<%= include('../_includes/_rules-test-result-intro', { profilelink: '/quickstart/spa/reactjs/04-user-profile' }) %>

```javascript
/* ===== ./src/components/Profile/ProfileDetails.js ===== */
import React, { PropTypes as T } from 'react'
import {Row, Col, Image} from 'react-bootstrap'<commit_msg>add system requirements panel<commit_after>---
title: Rules
description: This tutorial will show you how to use Auth0 rules to extend what Auth0 has to offer.
---

::: panel-info System Requirements
This tutorial and seed project have been tested with the following:
* NodeJS 5.2.0
* NPM 3.3.12
* React 15.0.2
:::

<%= include('../../_includes/_github', {
  link: 'https://github.com/auth0-samples/auth0-react-sample/tree/master/06-Rules',
}) %>_


<%= include('../_includes/_rules-introduction') %>

## 1. Create a rule

<%= include('../_includes/_rules-create-section') %>

## 2. Test rule result

<%= include('../_includes/_rules-test-result-intro', { profilelink: '/quickstart/spa/reactjs/04-user-profile' }) %>

```javascript
/* ===== ./src/components/Profile/ProfileDetails.js ===== */
import React, { PropTypes as T } from 'react'
import {Row, Col, Image} from 'react-bootstrap'
{'fraction_non_alphanumeric': 0.19276356830941985, 'fraction_numerical': 0.01933873986275733, 'mean_word_length': 3.9659442724458205, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2224069', 'n_tokens_mistral': 542, 'n_tokens_neox': 505, 'n_words': 126}