Webase
Outline
1. Who am I?
2. What is wecare?
3. How I learned meteor
4. What is Webase?
Meteor 0.3!
2013/04
Found it on Google plus
"It's like Rails for Node.js!"
I never code web, only C.
Learn it in 1 night!!! Super amazing!
Then, I started my project: wecare
framework: Boostrap2
Meteor front end: spark! -> bad reactive
Just works!
Boostrap 2 is bad!
Framework: Boostrap3
sidebar: Some html5 google slidebar copycat!
Meteor + ionic! Yeah!
ionic only uses angular :-( why!!!!
Meteor + ionic -> Meteoric Fantastic!
No FlowRouter! DIY!
https://github.com/txs/meteor-wecare-ionic-flow
Meteor is going React!
Why! :-(
content-block doesn't work with sideburns
Again, Rebuild hell!
All I want
Mobile First! Web later!
Easy meteor react routing with SSR
Fast and easy debug
Ready to scale
Let's go!
_
||
_||_
\ /
v
All I want is here
Mobile First! Web later! -> Framework7
Easy meteor react routing with SSR -> FlowRouterSSR
Fast and easy debug -> React
Ready to scale -> LazyLoad
Let's go!
Webase
Webase
A lazy framework
Origin
Meteor kickstart project - hugeapp -> killed
touch2s -> Yeah there's react router and only goes '/' WHAT!
Really want lazy load, but don't want to write a lot of code.
Then, you write more - Routing
Then, you write more - Routing
React Router don't understand meteor subscribe -> FlowRouter
Need to stop flow before Webpack bundles!
Then, you write more - F7 Load
Don't use Ajax, but F7 use ajax!
inline load!
componentlize !
Then, F7 Load!
Then, you write more - Animation
Browser history can't get!
DIY!
Use ( session ), not Session ( meteor )
Only load in tab and destory per tab!
Load in and Use default animation by stateing.
Then, you write more - LazyLoad
require.ensure by webpack
use weactLayout and wrap reactLayout
Load it by path and folder structure!
Same Dev process but do the auto lazy load for you.
Love the meteor laziness!
What I miss about Blaze
auto passing the helper value.
A restriction of handling helpers, events!
Easy to lean and fast coding!
Future work:
Learn more about sideburns
Code like Blaze and run like React!
Thank you!
Let's chat!