ngRx is the prescription for data in Angular.
We use ngRx as our front-end framework data management library of choice.
This post links my 3Box profile to my Github account! Web3 social profiles by 3Box. | |
✅ did:3:bafyreiezvooexngkksgd4zthu7lc7k2vw555maw3usuqgqqtkr3ngjwebe ✅ | |
Create your profile today to start building social connection and trust online at https://3Box.io/ |
tns build ios --release --bundle --env.launch |
<ems-action-bar title="Approvals" [showNav]="true" [showCreateNew]="false"></ems-action-bar> | |
<StackLayout> | |
<StackLayout tkMainContent #mainView class="segmented-bar"> | |
<SegmentedBar [items]="segmentedBarItems" [selectedIndex]="selectedIndex" (selectedIndexChange)="onSelectedIndexChange($event)" | |
class="m-5" (loaded)="segmentedBarLoaded($event)"> | |
</SegmentedBar> | |
<GridLayout orientation="vertical" [visibility]="selectedIndex === 0 ? 'visible' : 'collapsed'" | |
class="segmentedBarContent" tkExampleTitle tkToggleNavButton> | |
<DockLayout stretchLastChild="true"> | |
<StackLayout id="summary-container" dock="Top"> |
import { Injectable } from '@angular/core'; | |
import { Actions, ofType, createEffect } from '@ngrx/effects'; | |
import { mapTo, tap, switchMap, map, mergeMap, catchError, withLatestFrom, filter } from 'rxjs/operators'; | |
import { ApprovalActions } from '../actions'; | |
import { ApiService } from '../../services/api.service'; | |
import { errorHandler } from '../../error-handler'; | |
import { Store, select } from '@ngrx/store'; | |
import * as fromDashboard from '../reducers'; | |
@Injectable() |
<RadSideDrawer | |
(drawerOpening)="onDrawerOpening($event)" | |
(drawerClosing)="onDrawerClosing($event)" | |
(drawerClosed)="onDrawerClosed($event)" | |
(drawerPan)="onDrawerPan($event)" | |
[drawerContentSize]="screenWidth" | |
[gesturesEnabled]="(user$ | async).length > 1 ? true : false" | |
> | |
<StackLayout tkDrawerContent class="drawer-container" #container> | |
<GridLayout rows="auto" columns="21,68,200" class="user"> |
import { ActionReducer, ActionReducerMap, MetaReducer, createFeatureSelector, createSelector } from '@ngrx/store'; | |
import * as fromCategory from './category'; | |
import * as fromSkill from './skill'; | |
import * as fromUser from './user'; | |
import * as fromAvailability from './availability'; | |
import * as fromBooking from './booking'; | |
import * as moment from 'moment'; | |
export interface State { |
ngRx is the prescription for data in Angular.
We use ngRx as our front-end framework data management library of choice.
NativeScript is an opensource framework to develop apps on the iOS and Android platforms. NativeScript can be built with JavaScript or any language that transpiles down to JavaScript.
We use NativeScript with Angular as our front-end framework of choice for native, cross-platform mobile or mobile & web applications.
Why NativeScript? It is a cost-effective way to build truly native cross-platform mobile apps. Companies can hire web developers to build cross-platform apps (iOS, Android, Web) in one codebase, rather than hiring a web developer, Java developer and Swift developer to build three separate apps. NativeScript uses the iOS and Android SDKs to access mobile device hardware, which makes it competitive on performance. Comparable frameworks to NativeScript include React Native and Flutter.
Democracy is not a perfect political organization system, but it's the best the world has. And git is the best version control system the world has, but it is not perfect.
So we have a standard that we follow to keep the quality of our code as high as possible. We have rules in place to give a reference to 90% of the situations you'll find yourself in. But for the other 10% you'll be on StackOverflow, you'll be asking your coworkers for thoughts, and they'll be asking you as well.
We use a rebase flow for all of our repositories, and that may be new to you. We also have a specific style for our git commits with a basic
and a full
version.
import * as userActions from '../actions/user'; | |
import * as skillActions from '../actions/skill'; | |
export interface State { | |
user: { | |
isPro: boolean; | |
skills: any[]; | |
id; | |
cards: any[]; | |
}; |