daniele-zurico

export class HeroesEffects {
  @Effect()
  fetch$: Observable<HeroesActions> = this.actions$
    .ofType(HeroesActionTypes.FetchHeroes)
    .pipe(
      withLatestFrom(this.store),
      switchMap(([action, state]) =>
        this.service.getHeroes(getCurrentPage(state)).pipe(
          map(data => new FetchHeroesSuccess(data)),
          catchError(err => of(new FetchHeroesError(err)))

daniele-zurico

export const getHeroesState = createFeatureSelector<fromHeroes.State>('heroes');
export const getHeroes = createSelector(getHeroesState, state => state.data);
export const getIsLoading = createSelector(getHeroesState, state => state.isLoading);
export const getCurrentPage = createSelector(getHeroesState, state => state.page);
export const getIsFirstPage = createSelector(getHeroesState, state => !state.previous);
export const getIsLastPage = createSelector(getHeroesState, state => !state.next);

daniele-zurico

ngOnInit() {
    this.heroes$ = this.store.select(getHeroes);
    this.isFirst$ = this.store.select(getIsFirstPage);
    this.isLast$ = this.store.select(getIsLastPage);
    this.isLoading$ = this.store.select(getIsLoading);

    this.store.dispatch(new FetchHeroes());
  }

daniele-zurico

prev() {
 this.store.dispatch(new ChangePage(Pagination.PREV));
}

next() {
  this.store.dispatch(new ChangePage(Pagination.NEXT));
}

daniele-zurico

[ignore]
.*/node_modules/fbjs/.*

[options]
esproposal.class_static_fields=enable
esproposal.class_instance_fields=enable

[untyped]
.*/node_modules/.*

daniele-zurico

{
    "javascript.validate.enable": false,
    "flow.pathToFlow": "${workspaceRoot}/node_modules/.bin/flow",
    "flow.stopFlowOnExit": true,
    "flow.enabled": true,
    "flow.useNPMPackagedFlow": false,
    "flow.showStatus":  true,
    "flow.showUncovered": false,
    "flow.runOnEdit": true,
    "flow.useLSP": false

daniele-zurico

import React from 'react';
import { createDrawerNavigator, createStackNavigator } from 'react-navigation';
import { Home, Categories } from './views/';
import { MenuButton } from './common';
import { Button } from 'react-native';
import Theme from './common/style/theme.style';

const StackHomeNavigator = createStackNavigator(
  {
    Home: {

daniele-zurico

import React from 'react';
import { createDrawerNavigator, createStackNavigator } from 'react-navigation';
import { Home, Categories } from './views/';
import { MenuButton } from './common';
import { Button } from 'react-native';
import Theme from './common/style/theme.style';

const InnerNavigator = createDrawerNavigator(
  {
    Home: {

daniele-zurico

import React from 'react';
import { createDrawerNavigator, createStackNavigator } from 'react-navigation';
import { Home, Categories } from './views/';
import { MenuButton } from './common';
import { Button } from 'react-native';
import Theme from './common/style/theme.style';
import Icon from 'react-native-vector-icons/FontAwesome';
import themeStyle from './common/style/theme.style';

const InnerNavigator = createDrawerNavigator(

daniele-zurico

<ul>
  <li *ngFor="let item of Items | keyvalue">
    {{item.key}}: {{item.value}}
  </li>
</ul>