View Code? Open in Web Editor
NEW
A forum application built with Vue.js.
JavaScript 19.98%
HTML 0.76%
Vue 46.15%
CSS 33.11%
vue-forum's Introduction
- Add Firebase to your JavaScript Project
- Firebase Realtime Database
- Installation & Setup in JavaScript
- Authenticate with Firebase using Password-Based Accounts using Javascript
- Authenticate Using Google Sign-In with JavaScript
- The major ingredients of a forum are the threads, the posts and the users.
- A thread is a stream of posts
- The src directory contains our application's code.
- Main.js is the application's entry file.
- When start building an application it is usually handy to work with a local file or mockup before hitting an API or another source.
- If the browser tries to reload the page, this shouldn't happen in a Single Page Application.
- It's recommended to use camelCase names when using CSS Modules.
- It's recommended to place the global styles in the root component's style tag insted of importing it in the HTML head tag as you would normally do.
- The class selector is way faster than the element selector, because it is more specific.
- Keep the logic that alters the state in the parent component.
- Each component is a Vue instance.
- Each Vue.set is an individual state change.
- Create and Update things are usually all together.
- The benefits of using higher-order functions are that the code is reusable and wirte less.
- The created hook is a great time to fire an AJAX call.
- The mounted hook is similar to JQuery's ready function.
- We should fetch only the data we need.
- A set of rules is called a preset.
- Whenever we need to run code on every page we can use the root instance that lives in the main.js file.
- It's recommended to prefix all properties of a mixin and use the mixin name as the prefix.
- To use the Firebase CLI, we have to install it globally.
- Using environment variables is very practical for using different databases or API keys.
- Route protection is essential in any application that allows users to authenticate.
- Route components (the ones passed to the router configuration).
- Create a generic action.
- Create a generic mutation.
- Route protection is essential in any application.
- A navigation guard acts as a middleware that can protect a route component.
- A common need is to protect specific routes from guests.
- Component-less routes are routes that don't use a component.
- Highly recommend using namespaced modules from the early stages of application
- Single Source of Truth.
- Useful Library of Actions, Mutations, Getters.
- It's a best practice to have our actions call mutations which update our state directly.
- Wrap form's data in a form object.
vue-forum's People
Contributors
Watchers