meetups notes

Here are a notes about some Meetups I have visited.

Angular Camp 2016 Barcelona

1st, 2nd, 3rd July. Barcelona

Learn. Share. Discover. First Angular Conference in the country carefully crafted for you by AngularBeers community! Awesome speakers and lots of fun! Full-day of workshops, hands-on experience, hacking and debugging. Come and tame your favourite technology! 2 Full-day freestyle event! You dedice what will happen!

Speakers:

URI SHAKED

From the World-Wide Web to the World of IoT

TODD MOTTO UK

From .component() to @Component

WASSIM CHEGHAM FRANCE

Angular 2 Server Side Rendering

THORSTEN HANS GERMANY

Angular 2 super-charged: Native desktop power with Electron

URI GOLDSHTEIN

Angular 2.0 with realtime GraphQL

CHRISTOFFER NORING SWEDEN

TypeScript fundamentals

MANFRED STEYER AUSTRIA

Progressive Web Apps with Angular 2

EVAN SCHULTZ CANADA

Building Angular 2 Application with Redux

SEBASTIAN WITALEC UK

Sharing Code Between Web and Native Apps

VANESSA YUEN CANADA

Augury

MAXIM SALNIKOV NORWAY

Angular Material 2: Reward your app with high-quality UI in minutes

Migrating Angular 1 into Angular 2

April 28, 2016, [Program] (http://www.meetup.com/AngularJS-ZRH/events/230809085/t)

Migrating Angular 1 into Angular 2 (Jose Badeau)

Great presentation of migration path explained on the examle. Clearly eplaned steps, advantiges and disadvantages of selected migration decitions.

Real-Life React: Tools & Techniques

April 28, 2016, [Program, slides and sources] (https://github.com/garamond/real-life-react)

1. Styling React components

Styling tools for are trying separate styles for every component. There are more techniques:

Pre processor SASS
Great tool used by majority of developers. For Bootstrap 4 will be first choice before Less.

Post processors CSS modules
Cool tools, but sometimes has issues with variables and you do not have a control of compiling process what leads to dificulties in ordering of generated styles for example.

Inline Style helper Radium
Is trying supply features which are not available in inline styles like :active, :hover...
Is not still not in an mature state, Does not support all features missing in inline styles. For example some query selectors :before, :first, ..., only basics like :active :hover. Also have weird behaviour when you combine these qyery selectors.
This technique of separating of styles requeires javascript do the job instead css rules machine. Someone can complain that is step back.

2. Documentation for React components

Used mainly for Style guides. You can see visually your presentation components and your style guide styles like colors, logos, color combinations.

Storybook
Great tool for creation of styling guides, Is missing in compare with Catalog showing source code for usage of component. Mainly only for showing a presentation components.

Catalog
Very nice style guide. You can simplify editing by markup language, but you can also use Javascript if you wish.

Meetup Barcelona JS, React JS theme

April 13, 2016

1. An advance introduction to Redux (Jorge Lucic)

React is just a library for UI template, so Redux is fullfilling the gap to be a framework

2. Using React Native for cross-platform development (Wojciech Ogrodowczyk)

React Native is promising technology, but is still in a beta stage esspecially for Android and there is no release yet for Windows phones.

BarcelonaJS flavoured by AngularJS

Dec 9, 2015

1. Creating an Angular 2 (Alpha 46) app that works (Raúl Jiménez)

Very nice introduction what is actual state of Angular 2 development and practical advices.
For example currently is not automated testing following changes in Angular 2 so is better wait with testing a few weeks or so.