Skip to content

Instantly share code, notes, and snippets.

@DreySkee
DreySkee / index.js
Created June 16, 2017 17:10
14 - Wordpress API + ReactJS (Updated)
import {render} from 'react-dom';
import DataActions from 'flux/actions/DataActions.js';
import Home from 'components/Home.js';
import About from 'components/About.js';
import Header from 'components/Header.js';
import {
BrowserRouter as Router,
Route,
@DreySkee
DreySkee / Header.js
Created June 16, 2017 17:07
13 - Wordpress API + ReactJS (Updated)
import {Link} from 'react-router-dom';
import DataStore from 'flux/stores/DataStore.js'
class Header extends React.Component {
render() {
let allPages = DataStore.getAllPages();
allPages = _.sortBy(allPages, [function(page) { return page.menu_order; }]); // Sort pages by order
return (
@DreySkee
DreySkee / index.js
Created June 16, 2017 17:01
12 - Wordpress API + ReactJS (Updated)
import {render} from 'react-dom';
import DataActions from 'flux/actions/DataActions.js';
import Home from 'components/Home.js';
import About from 'components/About.js';
import {
BrowserRouter as Router,
Route,
Redirect,
Switch
@DreySkee
DreySkee / index.js
Created June 16, 2017 16:55
11 - Wordpress API + ReactJS (Updated)
import {render} from 'react-dom';
import DataActions from 'flux/actions/DataActions.js';
import Home from 'components/Home.js';
import {
BrowserRouter as Router,
Route,
Redirect,
Switch
} from 'react-router-dom';
@DreySkee
DreySkee / Home.js
Created June 16, 2017 16:51
10 - Wordpress API + ReactJS (Updated)
import DataStore from 'flux/stores/DataStore.js'
class Home extends React.Component {
render() {
let allData = DataStore.getAll();
console.log(allData);
return (
<div>
<h2>Hello world!</h2>
@DreySkee
DreySkee / index.js
Last active June 16, 2017 17:37
9 - Wordpress API + ReactJS (Updated)
import {render} from 'react-dom';
import DataActions from 'flux/actions/DataActions.js';
import Home from 'components/Home.js';
import {
BrowserRouter as Router,
Route,
Redirect,
Switch
} from 'react-router-dom';
@DreySkee
DreySkee / DataStore.js
Created June 16, 2017 16:42
8 - Wordpress API + ReactJS (Updated)
import alt from 'flux/alt/alt.js';
import DataActions from 'flux/actions/DataActions.js';
class DataStore {
constructor() {
this.data = {};
this.bindListeners({
// Listen to the getSuccess() in DataActions.js
handleSuccess: DataActions.GET_SUCCESS
@DreySkee
DreySkee / DataActions.js
Created June 16, 2017 16:41
7 - Wordpress API + ReactJS (Updated)
import axios from 'axios';
import alt from 'flux/alt/alt.js';
class DataActions {
constructor() {
const appUrl = 'http://wordpress-installation-example-url.com'; // Wordpress installation url
this.pagesEndPoint = `${appUrl}/wp-json/wp/v2/pages`; // Endpoint for getting Wordpress Pages
this.postsEndPoint = `${appUrl}/wp-json/wp/v2/posts`; // Endpoint for getting Wordpress Posts
@DreySkee
DreySkee / Home.js
Last active June 16, 2017 16:36
6 - Wordpress API + ReactJS (Updated)
class Home extends React.Component {
render() {
return (
<div>
<h2>Hello world!</h2>
</div>
);
}
}
@DreySkee
DreySkee / index.js
Last active June 16, 2017 17:33
5 - Wordpress API + ReactJS (Updated)
import {render} from 'react-dom';
import Home from 'components/Home.js';
import {
BrowserRouter as Router,
Route,
Redirect,
Switch
} from 'react-router-dom';