Movies Collection ~ realizado en React, react-router-dom y un poco de Bootstrap.

Ejemplo de uso del componente react-router-dom, con los metodos HashRouter, para enrutados a través del hash de la URL, y el método withRouter, para el acceso al objeto history del navegador.

Movies Collection

Para instalar este ejemplo:

$ git clone https://github.com/mtzfactory/movies-react-hash-router.git
$ cd movies-react-hash-router
$ npm install
$ npm start

Si quereis empezar de cero, podeis hacer:

$ npm install -g create-react-app

$ create-react-app my-movie-app
$ cd my-movie-app/

$ npm install --save react-router-dom
$ npm install --save jquery
$ npm install --save bootstrap
$ npm run start

Una vez instalado por npm los paquetes JQuery y Bootstrap, recuerda importarlos en el fichero index.js, respetando el orden:

import React from 'react';
import ReactDOM from 'react-dom';

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/css/bootstrap-theme.min.css';
import './index.css';

import App from './App';

import $ from 'jquery';
window.jQuery = window.$ = $;
require('bootstrap');

ReactDOM.render(<App/>, document.getElementById('root'));

De este modo, el menú se podrá desplegar cuando este en la vista móvil.

SkylabCoders Academy - Full Stack Web Development Bootcamp