Ahmed Elmadah elmadah

Comprehensive Introduction to @ngrx/store

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

What is your folder-structure preference for a large-scale Node.js project?

0: Starting from Rails

This is the reference point. All the other options are based off this.

|-- app
|   |-- controllers
|   |   |-- admin

	import json
	from datetime import date, datetime, timedelta
	from collections import defaultdict, namedtuple
	from multiprocessing import Pool, cpu_count
	import csv
	from operator import itemgetter
	from heapq import merge
	from itertools import islice
	from dateutil.parser import parse

	import { NgModule } from '@angular/core';
	import { CommonModule } from '@angular/common';
	import { JWT_OPTIONS, JwtInterceptor, JwtModule } from '@auth0/angular-jwt';
	import { AuthorizationService } from './authorization.service';
	import { environment } from '../../environments/environment';
	import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
	import { RefreshTokenInterceptor } from './refresh-token-interceptor';

	function jwtOptionsFactory (authorizationService: AuthorizationService) {
	return {

	{
	"emojis": [
	{"emoji": "👩‍👩‍👧‍👧", "name": "family: woman, woman, girl, girl", "shortname": ":woman_woman_girl_girl:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "👩&zwj;👩&zwj;👧&zwj;👧", "category": "People & Body (family)", "order": ""},
	{"emoji": "👩‍👩‍👧‍👦", "name": "family: woman, woman, girl, boy", "shortname": ":woman_woman_girl_boy:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466", "html": "👩&zwj;👩&zwj;👧&zwj;👦", "category": "People & Body (family)", "order": ""},
	{"emoji": "👩‍👩‍👦‍👦", "name": "family: woman, woman, boy, boy", "shortname": ":woman_woman_boy_boy:", "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466", "html": "👩&zwj;👩&zwj;👦&zwj;👦", "category": "People & Body (family)", "order": ""},
	{"emoji": "👨‍👩‍👧‍👧", "name": "family: man, woman, girl, girl", "shortname": ":man_woman_girl_girl:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467", "html": "👨&zwj;👩&z

	type FilterOperator = 'AND' \| 'OR';
	type FiltersBy<T> = {
	[K in keyof T]?: (value: T[K]) => boolean;
	};

	/**
	* Factory function that creates a specialized function to filter
	* arrays, by validating all filters (AND operator),
	* or validating just one of the filters (OR operator).
	* @param operator Method to validate all filters: AND, OR

	class CheckoutView(View):
	form_class = CheckoutForm
	template = 'account/checkout.html'
	email_template_name = 'account.checkout_success'

	def create_sub(self, user, customer, plan, quantity):
	subscription = customer.subscriptions.create(plan=plan, quantity=quantity)
	user.stripe_subscription_id = subscription.id
	user.save()