Implementation note

The grid on the right-hand side is a classic MVC 5 / Entity Framework 6 solution with the default Editing (scroll to the end of a row!).

The Search functionality is a very simple yet powerful React feature. For the sake of trying the alternatives, I did not use bundling tools like 'mpm', 'Webpack' or 'Browserfy', but Babel on the server side. The code is coming to Github soon :)

FirstName	LastName	BirthDate	MaritalStatus	Gender	EmailAddress	YearlyIncome	TotalChildren	EnglishEducation	SpanishEducation	FrenchEducation	EnglishOccupation	SpanishOccupation	FrenchOccupation	HouseOwnerFlag	NumberCarsOwned	AddressLine1	Phone	DateFirstPurchase	CommuteDistance
Jon	Yang	4/8/1966 12:00:00 AM	M	M	jon24@adventure-works.com	90000.00	2	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	1	3761 N. 14th St	1 (11) 500 555-0162	7/22/2005 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Eugene	Huang	5/14/1965 12:00:00 AM	S	M	eugene10@adventure-works.com	60000.00	3	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	0	1	2243 W St.	1 (11) 500 555-0110	7/18/2005 12:00:00 AM	0-1 Miles	Create New Edit \| Details \|
Ruben	Torres	8/12/1965 12:00:00 AM	M	M	ruben35@adventure-works.com	60000.00	3	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	1	5844 Linden Land	1 (11) 500 555-0184	7/10/2005 12:00:00 AM	2-5 Miles	Create New Edit \| Details \|
Christy	Zhu	2/15/1968 12:00:00 AM	S	F	christy12@adventure-works.com	70000.00	0	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	0	1	1825 Village Pl.	1 (11) 500 555-0162	7/1/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Elizabeth	Johnson	8/8/1968 12:00:00 AM	S	F	elizabeth5@adventure-works.com	80000.00	5	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	4	7553 Harness Circle	1 (11) 500 555-0131	7/26/2005 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Julio	Ruiz	8/5/1965 12:00:00 AM	S	M	julio1@adventure-works.com	70000.00	0	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	1	7305 Humphrey Drive	1 (11) 500 555-0151	7/2/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Janet	Alvarez	12/6/1965 12:00:00 AM	S	F	janet9@adventure-works.com	70000.00	0	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	1	2612 Berry Dr	1 (11) 500 555-0184	7/27/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Marco	Mehta	5/9/1964 12:00:00 AM	M	M	marco14@adventure-works.com	60000.00	3	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	2	942 Brook Street	1 (11) 500 555-0126	7/12/2005 12:00:00 AM	0-1 Miles	Create New Edit \| Details \|
Rob	Verhoff	7/7/1964 12:00:00 AM	S	F	rob4@adventure-works.com	60000.00	4	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	3	624 Peabody Road	1 (11) 500 555-0164	7/28/2005 12:00:00 AM	10+ Miles	Create New Edit \| Details \|
Shannon	Carlson	4/1/1964 12:00:00 AM	S	M	shannon38@adventure-works.com	70000.00	0	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	0	1	3839 Northgate Road	1 (11) 500 555-0110	7/30/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Jacquelyn	Suarez	2/6/1964 12:00:00 AM	S	F	jacquelyn20@adventure-works.com	70000.00	0	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	0	1	7800 Corrinne Court	1 (11) 500 555-0169	7/17/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Curtis	Lu	11/4/1963 12:00:00 AM	M	M	curtis9@adventure-works.com	60000.00	4	Bachelors	Licenciatura	Bac + 4	Professional	Profesional	Cadre	1	4	1224 Shoenic	1 (11) 500 555-0117	7/2/2005 12:00:00 AM	10+ Miles	Create New Edit \| Details \|
Lauren	Walker	1/18/1968 12:00:00 AM	M	F	lauren41@adventure-works.com	100000.00	2	Bachelors	Licenciatura	Bac + 4	Management	Gestión	Direction	1	2	4785 Scott Street	717-555-0164	9/17/2007 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Ian	Jenkins	8/6/1968 12:00:00 AM	M	M	ian47@adventure-works.com	100000.00	2	Bachelors	Licenciatura	Bac + 4	Management	Gestión	Direction	1	3	7902 Hudson Ave.	817-555-0185	10/15/2007 12:00:00 AM	0-1 Miles	Create New Edit \| Details \|
Sydney	Bennett	5/9/1968 12:00:00 AM	S	F	sydney23@adventure-works.com	100000.00	3	Bachelors	Licenciatura	Bac + 4	Management	Gestión	Direction	0	3	9011 Tank Drive	431-555-0156	9/24/2007 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Chloe	Young	2/27/1979 12:00:00 AM	S	F	chloe23@adventure-works.com	30000.00	0	Partial College	Estudios universitarios (en curso)	Baccalauréat	Skilled Manual	Obrero especializado	Technicien	0	1	244 Willow Pass Road	208-555-0142	7/22/2007 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Wyatt	Hill	4/28/1979 12:00:00 AM	M	M	wyatt32@adventure-works.com	30000.00	0	Partial College	Estudios universitarios (en curso)	Baccalauréat	Skilled Manual	Obrero especializado	Technicien	1	1	9666 Northridge Ct.	135-555-0171	8/13/2007 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Shannon	Wang	6/26/1944 12:00:00 AM	S	F	shannon1@adventure-works.com	20000.00	4	High School	Educación secundaria	Bac + 2	Skilled Manual	Obrero especializado	Technicien	1	2	7330 Saddlehill Lane	1 (11) 500 555-0195	7/15/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Clarence	Rai	10/9/1944 12:00:00 AM	S	M	clarence32@adventure-works.com	30000.00	2	Partial College	Estudios universitarios (en curso)	Baccalauréat	Clerical	Administrativo	Employé	1	2	244 Rivewview	1 (11) 500 555-0137	7/20/2005 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Luke	Lal	3/7/1978 12:00:00 AM	S	M	luke18@adventure-works.com	40000.00	0	High School	Educación secundaria	Bac + 2	Skilled Manual	Obrero especializado	Technicien	0	2	7832 Landing Dr	262-555-0112	8/16/2007 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Jordan	King	9/20/1978 12:00:00 AM	S	M	jordan73@adventure-works.com	40000.00	0	High School	Educación secundaria	Bac + 2	Skilled Manual	Obrero especializado	Technicien	0	2	7156 Rose Dr.	550-555-0163	7/2/2007 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Destiny	Wilson	9/3/1978 12:00:00 AM	S	F	destiny7@adventure-works.com	40000.00	0	Partial College	Estudios universitarios (en curso)	Baccalauréat	Skilled Manual	Obrero especializado	Technicien	0	1	8148 W. Lake Dr.	622-555-0158	7/27/2007 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Ethan	Zhang	10/12/1978 12:00:00 AM	M	M	ethan20@adventure-works.com	40000.00	0	Partial College	Estudios universitarios (en curso)	Baccalauréat	Skilled Manual	Obrero especializado	Technicien	1	1	1769 Nicholas Drive	589-555-0185	7/24/2007 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|
Seth	Edwards	10/11/1978 12:00:00 AM	M	M	seth46@adventure-works.com	40000.00	0	Partial College	Estudios universitarios (en curso)	Baccalauréat	Skilled Manual	Obrero especializado	Technicien	1	1	4499 Valley Crest	452-555-0188	8/21/2007 12:00:00 AM	1-2 Miles	Create New Edit \| Details \|
Russell	Xie	9/17/1978 12:00:00 AM	M	M	russell7@adventure-works.com	60000.00	0	Partial College	Estudios universitarios (en curso)	Baccalauréat	Skilled Manual	Obrero especializado	Technicien	1	2	8734 Oxford Place	746-555-0186	12/29/2007 12:00:00 AM	5-10 Miles	Create New Edit \| Details \|

Adwenture Works Customers: MVC 5 with React JSX search

Implementation note

The grid on the right-hand side is a classic MVC 5 / Entity Framework 6 solution with the default Editing (scroll to the end of a row!).

The Search functionality is a very simple yet powerful React feature. For the sake of trying the alternatives, I did not use bundling tools like 'mpm', 'Webpack' or 'Browserfy', but Babel on the server side. The code is coming to Github soon :)