Tobi fen89

React - Functional error boundaries

Thanks to React hooks you have now happily turned all your classes into functional components.

Wait, all your components? Not quite. There is one thing that can still only be implemented using classes: Error boundaries.

There is just no functional equivalent for componentDidCatch and deriveStateFromError yet.

Proposed solution

Angular Interview Questions

Some basic questions going from easy to difficult. A more exhaustive list of more questions from the community can be found here.

Easy

Whats the difference between components and directives? [ANSWER]: Components are widgets while directives more like decorators for elements and/or components.
How do you get a reference to a child component? [ANSWER]: ViewChild/ViewChildren or ContentChild/ContentChildren
What is the difference between ViewChild and ContentChild?
Whats the difference between NgModules and ES2015 Modules?
How do you lazy load components and why is lazy loading important?
Explain Observables and why they are useful.

NgRx State Management with TicketFacade

Facades are a programming pattern in which a simpler public interface is provided to mask a composition of internal, more-complex, component usages.

When writing a lot of NgRx code - as many enterprises do - developers quickly accumulate large collections of actions and selectors classes. These classes are used to dispatch and query [respectively] the NgRx Store.

Using a Facade - to wrap and blackbox NgRx - simplifies accessing and modifying your NgRx state by masking internal all interactions with the Store, actions, reducers, selectors, and effects.

For more introduction, see Better State Management with Ngrx Facades

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

	# ~/.config/starship.toml

	[battery]
	full_symbol = "🔋"
	charging_symbol = "🔌"
	discharging_symbol = "⚡"

	[[battery.display]]
	threshold = 30
	style = "bold red"

	import {Injectable} from '@angular/core';
	import {DateAdapter} from '@angular/material';
	import {addDays, addMonths, addYears, format, getDate, getDaysInMonth, getMonth, getYear, parse, setDay, setMonth, toDate} from 'date-fns';

	// CONFIG. Use environment or something for a dynamic locale and settings

	import {es as locale} from 'date-fns/locale';
	const WEEK_STARTS_ON = 1; // 0 sunday, 1 monday...

	export const MAT_DATE_FNS_DATE_FORMATS = {

	[
	{
	"key": "d",
	"command": "fileutils.duplicateFile",
	"when": "explorerViewletVisible && filesExplorerFocus && !inputFocus"
	},
	{
	"key": "r",
	"command": "fileutils.moveFile",
	"when": "explorerViewletVisible && filesExplorerFocus && !inputFocus"

	using System;
	using System.Diagnostics;
	using System.Linq;
	using System.Runtime.CompilerServices;
	using Serilog;
	using Serilog.Configuration;
	using Serilog.Core;
	using Serilog.Events;

	namespace ConsoleApp24

	// extended upon: https://ruanbeukes.net/Angular-Typesafe-Reactive-Forms/

	import { Injectable } from '@angular/core';
	import { AbstractControl, FormArray, FormControl, FormGroup, ValidatorFn, AsyncValidatorFn, FormBuilder } from '@angular/forms';
	import { Observable } from 'rxjs/Observable';

	type PropertyFn<T, R> = (val: T) => R;

	interface AbstractControlTyped<T> extends AbstractControl {
	readonly value: T;