pixelatex / js-navigo-webpack-template

Js-navigo-webpack-template

What you need

• Node (version lower than 10.x.x)
• Npm or yarn as package manager
• Eslint extension for your editor

Get started

1. Install all the modules

npm i

2. Add your firebase config to the src/database/firebase.js file

The apikey can be found in the settings of your firebase project

https://console.firebase.google.com/u/0/project/{your-project}/settings/general/

The project id is the name of your firebase instance as can be seen on the console when you login.

More information:

https://firebase.google.com/docs/web/setup

3. Run the starting command

npm run start

4. To run a compiled build

npm run build

js-navigo-webpack-template's Issues

Router parameters

Hi.

Not an issue. Just a question.

How would I access the parameters and query values from within the pages .js files.

`// Only import the compile function from handlebars instead of the entire library
import { compile } from 'handlebars';

// Import the update helper
import update from '../helpers/update';

const { getInstance } = require('../database/firebase');

const firebase = getInstance();
// Import the template to use
const aboutTemplate = require('../templates/list.handlebars');

export default () => {
// Data to be passed to the template
let loading = true;
let posts = {};
const title = 'Firebase calls example';
// Return the compiled template to the router
update(compile(aboutTemplate)({ title, loading, posts }));
// This block will run the firebase code to fetch data
if (firebase) {
const database = firebase.database().ref('/posts');
database.on('value', (snapshot) => {
posts = snapshot.val();
loading = false;
// Run the update helper to update the template
update(compile(aboutTemplate)({ title, loading, posts }));
});
}
};`