Skip to content

Instantly share code, notes, and snippets.

View zoitsa's full-sized avatar

Zoe Koulouris Augustinos zoitsa

View GitHub Profile
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/
@zoitsa
zoitsa / build.sh
Created January 3, 2020 20:34 — forked from peterbsmyth/build.sh
Using Environment Variables at Build for NativeScript
tns build ios --release --bundle --env.launch
@zoitsa
zoitsa / approvals-list.component.html
Created December 12, 2019 21:12
EMS - Approval cards and animation
<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">
@zoitsa
zoitsa / approval.effects.tns.ts
Last active November 5, 2019 18:54
Cross-platform Ngrx
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()
@zoitsa
zoitsa / app.component.tns.html
Last active November 5, 2019 18:58
Debugging Ngrx 2019 - TNS/NG
<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">
@zoitsa
zoitsa / index.ts
Last active November 13, 2019 05:11
Debugging Ngrx 2017 - TNS/NG Reducer
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 {

And NativeScript was Good.

Intro

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. shared project

And Git was Good.

Intro

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.

@zoitsa
zoitsa / user.reducer.ts
Last active January 5, 2018 17:47 — forked from peterbsmyth/user.reducer.ts
ngRx practice
import * as userActions from '../actions/user';
import * as skillActions from '../actions/skill';
export interface State {
user: {
isPro: boolean;
skills: any[];
id;
cards: any[];
};