- Microsoft.DotNet.Watcher.Tools (aka dotnet-watch) - Microsoft.EntityFrameworkCore.Tools.DotNet (aka dotnet-ef) - Microsoft.Extensions.SecretManager.Tools (aka dotnet-user-secrets) - Microsoft.Extensions.Caching.SqlConfig.Tools (aka dotnet-sql-cache)
namespace Core1RtmEmptyTest.Services
{
public interface IMessagesService
{
string GetSiteName();
}
public class MessagesService : IMessagesService
{
public string GetSiteName()
{
return "DNT";
}
}
} 
{
"dependencies": {
// same as before
"Core1RtmEmptyTest.Services": "1.0.0-*"
}, public void Configure( IApplicationBuilder app, IHostingEnvironment env, IMessagesService messagesService)
public void Configure(
IApplicationBuilder app,
IHostingEnvironment env,
IMessagesService messagesService)
{
app.Run(async context =>
{
var siteName = messagesService.GetSiteName();
await context.Response.WriteAsync($"Hello {siteName}");
});
} System.InvalidOperationException No service for type 'Core1RtmEmptyTest.Services.IMessagesService' has been registered. at Microsoft.Extensions.DependencyInjection.ServiceProviderServiceExtensions.GetRequiredService(IServiceProvider provider, Type serviceType) at Microsoft.AspNetCore.Hosting.Internal.ConfigureBuilder.Invoke(object instance, IApplicationBuilder builder) System.Exception Could not resolve a service of type 'Core1RtmEmptyTest.Services.IMessagesService' for the parameter 'messagesService' of method 'Configure' on type 'Core1RtmEmptyTest.Startup'. at Microsoft.AspNetCore.Hosting.Internal.ConfigureBuilder.Invoke(object instance, IApplicationBuilder builder) at Microsoft.AspNetCore.Hosting.Internal.WebHost.BuildApplication()
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
services.AddTransient<IMessagesService, MessagesService>();
} 
{
"dependencies": {
// same as before
"StructureMap.Dnx": "0.5.1-rc2-final"
}, public class Startup
{
public IServiceProvider ConfigureServices(IServiceCollection services)
{
services.AddDirectoryBrowser();
var container = new Container();
container.Configure(config =>
{
config.Scan(_ =>
{
_.AssemblyContainingType<IMessagesService>();
_.WithDefaultConventions();
});
//config.For<IMessagesService>().Use<MessagesService>();
config.Populate(services);
});
container.Populate(services);
return container.GetInstance<IServiceProvider>();
} 
• Boolean • Null • Undefined • Number • String
• Arrays • Objects • Functions
import {ChangeDetectionStrategy, Component} from '@angular/core';
@Component({
// ...
changeDetection: ChangeDetectionStrategy.OnPush
})
export class OnPushComponent {
// ...
} static mutable() {
var before = {foo: "bar"};
var current = before;
current.foo = "hello";
console.log(before === current);
// => true
} static immutable() {
var before = {foo: "bar"};
var current = before;
current = {foo: "hello"};
console.log(before === current);
// => false
} npm install immutable --save
import {Map, List} from 'immutable';
var foobar = {foo: "bar"};
var immutableFoobar = Map(foobar);
console.log(immutableFooter.get("foo"));
// => bar
var helloWorld = ["Hello", "World!"];
var immutableHelloWorld = List(helloWorld);
console.log(immutableHelloWorld.first());
// => Hello
console.log(immutableHelloWorld.last());
// => World!
helloWorld.push("Hello Mars!");
console.log(immutableHelloWorld.last());
// => Hello Mars! const user = {
name: 'Max',
age: 30
}
user.age = 31 const user = {
name: 'Max',
age: 30
}
const modifiedUser = { ...user, age: 31 } export class AppComponent {
foods = ['Bacon', 'Lettuce', 'Tomatoes'];
addFood(food) {
this.foods.push(food);
}
} addFood(food) {
this.foods = [...this.foods, food];
} import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
@Component({
selector: 'app-child',
templateUrl: './child.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ChildComponent {
@Input() data: string[];
constructor(private cd: ChangeDetectorRef) {}
refresh() {
this.cd.detectChanges();
}
} import { Component } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
@Component({ ... })
export class AppComponent {
foods = new BehaviorSubject(['Bacon', 'Letuce', 'Tomatoes']);
addFood(food) {
this.foods.next(food);
}
} import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef, OnInit } from '@angular/core';
import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-child',
templateUrl: './child.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ChildComponent implements OnInit {
@Input() data: Observable<any>;
foods: string[] = [];
constructor(private cd: ChangeDetectorRef) {}
ngOnInit() {
this.data.subscribe(food => {
this.foods = [...this.foods, ...food];
});
} ngOnInit() {
this.data.subscribe(food => {
this.foods = [...this.foods, ...food];
this.cd.markForCheck(); // marks path
});
} var postCounts = await context.Database.SqlQuery<BlogPostsCount>(@$"SELECT * FROM View_BlogPostCounts").ToListAsync();
var postCounts = await context.Database
.SqlQuery<BlogPostsCount>(@$"SELECT * FROM View_BlogPostCounts")
.Where(x => x.PostCount > 1)
.ToListAsync();Large Collection Performance in Entity Framework and EF Core
> npm install --save redux react-redux > npm install --save-dev @types/react-redux
> npm install --save bootstrap
import "bootstrap/dist/css/bootstrap.css";
import React, { Component } from "react";
class Counter extends Component {
render() {
return (
<section className="card mt-5">
<div className="card-body text-center">
<span className="badge m-2 badge-primary">0</span>
</div>
<div className="card-footer">
<div className="d-flex justify-content-center align-items-center">
<button className="btn btn-secondary btn-sm">+</button>
<button className="btn btn-secondary btn-sm m-2">-</button>
<button className="btn btn-danger btn-sm">Reset</button>
</div>
</div>
</section>
);
}
}
export default Counter; import "./App.css";
import React from "react";
import Counter from "./components/counter";
function App() {
return (
<main className="container">
<Counter />
</main>
);
}
export default App; 
export const Increment = "Increment";
{
type: "ADD",
payload: {
amount // = amount: amount
},
meta: {}
} import * as types from "../constants/ActionTypes";
export const incrementValue = () => ({ type: types.Increment }); import * as types from "../constants/ActionTypes";
const initialState = {
count: 0
};
export default function counterReducer(state = initialState, action) {
if (action.type === types.Increment) {
return {
count: state.count + 1
};
}
return state;
} import { combineReducers } from "redux";
import counterReducer from "./counter";
const rootReducer = combineReducers({
counterReducer
});
export default rootReducer; import { createStore } from "redux";
import reducer from "./reducers";
//...
const store = createStore(
reducer,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);
//... import { Provider } from "react-redux";
import { createStore } from "redux";
import reducer from "./reducers";
// ...
const store = createStore(
reducer,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById("root")
); import { connect } from "react-redux";
import { incrementValue } from "../actions";
import Counter from "../components/counter";
const mapStateToProps = state => {
return state;
};
const mapDispatchToProps = dispatch => {
return {
increment() {
dispatch(incrementValue());
}
};
};
export default connect(mapStateToProps, mapDispatchToProps)(Counter); const mapStateToProps = (state) => { return state }; export default connect(mapStateToProps, mapDispatchToProps)(Counter);
import "./App.css";
import React from "react";
import CounterContainer from "./containers/Counter";
function App() {
return (
<main className="container">
<CounterContainer />
</main>
);
}
export default App; import React, { Component } from "react";
class Counter extends Component {
render() {
console.log("props", this.props);
const {
counterReducer: { count },
increment
} = this.props;
return (
<section className="card mt-5">
<div className="card-body text-center">
<span className="badge m-2 badge-primary">{count}</span>
</div>
<div className="card-footer">
<div className="d-flex justify-content-center align-items-center">
<button className="btn btn-secondary btn-sm" onClick={increment}>
+
</button>
<button className="btn btn-secondary btn-sm m-2">-</button>
<button className="btn btn-danger btn-sm">Reset</button>
</div>
</div>
</section>
);
}
}
export default Counter; 
const {
counterReducer: { count },
increment
} = this.props; 
function App() {
const prop1 = 123
return (
<main className="container">
<CounterContainer prop1={prop1} />
</main>
);
} const mapStateToProps = (state, ownProps) => {
console.log("mapStateToProps", { state, ownProps });
return state;
}; export const Decrement = "Decrement";
export const decrementValue = () => ({ type: types.Decrement }); export default function counterReducer(state = initialState, action) {
// ...
if (action.type === types.Decrement) {
return {
count: state.count - 1
};
}
return state;
} import { decrementValue, incrementValue } from "../actions";
// ...
const mapDispatchToProps = dispatch => {
return {
// ...
decrement() {
dispatch(decrementValue());
}
};
}; const {
// ...
decrement
} = this.props; <button
className="btn btn-secondary btn-sm m-2"
onClick={decrement}
>
-
</button> const mapDispatchToProps = dispatch => {
return {
increment() {
dispatch(incrementValue());
},
decrement() {
dispatch(decrementValue());
}
};
}; import { bindActionCreators } from "redux";
// ...
const mapDispatchToProps = dispatch => {
return bindActionCreators(
{
incrementValue,
decrementValue
},
dispatch
);
}; 
const {
counterReducer: { count },
incrementValue,
decrementValue
} = this.props; const mapDispatchToProps = {
incrementValue,
decrementValue
}; const mapStateToProps = state => {
//return state;
return {
count: state.counterReducer.count
};
}; 
const {
//counterReducer: { count },
count,
incrementValue,
decrementValue
} = this.props;