Skip to content

Instantly share code, notes, and snippets.

View Aaron-Pool's full-sized avatar

Aaron Pool Aaron-Pool

View GitHub Profile

O Brave New World: Bringing Pubs in to Vuetopia

Well, we're finally to that point. It's finally time to start inching the pubs module toward the new frontier. But, in light of that exciting new opportunity, we have some immediate decisions to make. To integrate with Vue, we need webpack, and webpack also implies the pubs codebase being exposed to ECMA2015(ES6) features for the first time. So we need to decide if integrating new ES6 capabilities holds any value in simplifying and cleaning up the pubs codebase. Additionally, the general code-bundling system and philosophy we were operating under previously has done a lot to shape the way we were dealing with certain angular features, and we should take this opportunity to reevaluate many of those choices, so that they don't bog us down in the future.

That in mind, I've mostly organized our decisions into three distinct migration paths, which generally follow a linear progression from 'quick-n-dirty' to 'slow-but-thorough'. I've generally graded each migra

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSX_Templates Comparison</title>
<style>
@charset "UTF-8";
@import 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.css';
code {
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
summon : {
hotkey : 'Ctrl+Space',
},
// choose either `'stable'` for receiving highly polished,
@Aaron-Pool
Aaron-Pool / atomizingCards
Created August 22, 2017 18:42
Atomizing Project Cards
##Atomizing Our Module Cards
###A Tangible Example of Atomizing Our Design
Since development practices can often be theoretical and difficult to grasp in concrete ways, I thought it would be worth doing a writeup on a real example of unifying (atomizing) a very prominent piece of UI in our current modules to encourage code reuse and save time.
###RESolution Cards
Currently, there are three modules that utilize "cards" as an entry point for varying module functionality. Those three modules are:
- Resolution Project Management
- Publication Tracking System
- Estimate Module (In Progress)