Name: auth0-extension-boilerplate-with-react
Owner: Auth0
Description: null
Created: 2015-12-15 21:00:26.0
Updated: 2016-08-20 18:50:05.0
Pushed: 2016-09-30 02:16:41.0
Homepage: null
Size: 1038
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
npm install
npm install webpack -g
npm start
and navigate to http://localhost:3000By default there are two templates layout.jade
and index.jade
which will help you to start working with an extension.
The file contains the styles of an Auth0 extension and also you can add the link to the js/css libraries you want to use.
This is the file which contains your code.
To support sections you have to address the following steps:
layout.jade
pt(type='text/javascript', src='https://npmcdn.com/react-router/umd/ReactRouter.min.js')
pt(type='text/javascript', src='https://npmcdn.com/history/umd/History.min.js')
section.content-page.current
on ./templates/layout.jade
with the following code:ion.content-page.current
-xs-12
ol-xs-12.content-header
ol.breadcrumb
li
a(href='http://manage.auth0.com/') Auth0 Dashboard
li
a(href='#') Extensions
ebar.col-xs-2
idebar-fixed
ul
li.active
a(href='/#/section-1')
i.icon.icon-budicon-519
span Section 1
ension
ock content
Extension
component by Section1
component on ./templates/index.jade
Section1 = React.createClass({
er: function() {
rn (
iv className="content-wrapper">
<div className="content-header">
<h1>My Extension - Section 1</h1>
</div>
div>
./templates/index.jade
tDOM.render(
xtension />,
cument.getElementById('extension')
./templates/index.jade
Router = ReactRouter.Router;
Route = ReactRouter.Route;
history = History.createHashHistory({queryKey: false});
tDOM.render((
outer history={history}>
<Route path="/section-1" component={Section1}></Route>
<Route path="*" component={Section1}/>
Router>
ocument.getElementById('extension'));
5 Enjoy!
To run the sample extension locally:
m install
m start
+ Create Extension
https://github.com/auth0/auth0-extension-boilerplate
continue
install
Auth0 helps you to:
If you have found a bug or if you have a feature request, please report them at this repository issues section. Please do not report security vulnerabilities on the public GitHub issue tracker. The Responsible Disclosure Program details the procedure for disclosing security issues.
This project is licensed under the MIT license. See the LICENSE file for more info.