JS Bin

(index):1 GET http://localhost:4444/404?originalUrl=%2Fcss%2Fbase.css

React.js:109Download the React DevTools for a better development experience: https://fb.me/react-devtools

warning.js:48 Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server: (client) zjv6zpxc0.0.0.1.0"><svg class="SVG-icon (server) zjv6zpxc0.0.0.1.0"><figure class="SVG-ic

var Perf = _reactAddons2.default.addons.Perf

undefined

Perf

Object {_allMeasurements: Array[1], _mountStack: Array[1], _injected: false}

Perf.printInclusive(); Perf.printExclusive(); Perf.printWasted();

ReactDefaultPerf.js:73


0	"<root> > BodyLayout"	16791.75	1
1	"Listing > ListingDropdown"	14467.69	75
2	"<root> > IndexPage"	12501.63	1
3	"IndexPage > ListingList"	12270.16	1
4	"ListingList > Listing"	12206.71	25
5	"MobileButton > SnooIcon"	10303.46	216
6	"BodyLayout > SideNav"	3998.96	1
7	"MobileButton > CommentIcon"	3709.95	100
8	"SideNav > MobileButton"	3651.18	60
9	"ListingDropdown > MobileButton"	3511.36	75
10	"Listing > MobileButton"	2945.45	50
11	"Listing > Vote"	2508.29	25
12	"Vote > MobileButton"	1716.61	50
13	"MobileButton > DownvoteIcon"	1230.18	50
14	"MobileButton > UpvoteIcon"	1178.6	50
15	"SeashellsDropdown > SeashellIcon"	883.56	50
16	"MobileButton > InfoIcon"	803.01	50
17	"TopSubnav > SortDropdown"	343.47	2
18	"Listing > ListingContent"	337	31
19	"BodyLayout > TopNav"	225.51	1
20	"TopNav > MobileButton"	198.96	5
21	"IndexPage > TopSubnav"	191.6	1
22	"SortDropdown > CheckmarkIcon"	184.19	10
23	"Listing > ReactTransitionGroup"	151.01	25
24	"MobileButton > SearchIcon"	60.4	2
25	"MobileButton > PostIcon"	51.48	2
26	"MobileButton > Logo"	49.01	2
27	"MobileButton > TwirlyIcon"	44.34	4
28	"MobileButton > HamburgerIcon"	35.37	2
29	"BodyLayout > BetaBanner"	25.33	1
30	"MobileButton > SettingsIcon"	24.29	2
31	"ListingList > Ad"	8.57	2
32	"IndexPage > TrackingPixel"	6.95	2

ReactDefaultPerf.js:80 Total time: 0.00 ms

ReactDefaultPerf.js:55


0	"SnooIcon"	10303.46	5630.27	840.31	26.06	3.89	216
1	"MobileButton"	12023.58	2442.91	659.6	10.17	2.74	240
2	"CommentIcon"	3709.95	2028.41	318.38	20.28	3.18	100
3	"Listing"	12206.71	1299.1	347.44	51.96	13.89	25
4	"ListingDropdown"	14467.69	994.19	256.24	13.25	3.41	75
5	"Vote"	2508.29	791.67	136.88	31.66	5.47	25
6	"DownvoteIcon"	1230.18	672.12	93.69	13.44	1.87	50
7	"UpvoteIcon"	1178.6	652.03	102.85	13.04	2.05	50
8	"SeashellIcon"	883.56	491.68	80.91	9.83	1.61	50
9	"InfoIcon"	803.01	446.08	71.96	8.92	1.43	50
10	"SideNav"	3998.96	347.77	126.84	347.77	126.84	1
11	"ListingContent"	337	305.6	79.47	9.85	2.56	31
12	"ReactTransitionGroup"	151.01	151.01	16.6	6.04	0.66	25
13	"CheckmarkIcon"	184.19	103.12	16.63	10.31	1.66	10
14	"SortDropdown"	343.47	77.46	18.25	38.73	9.12	2
15	"ListingList"	12270.16	57.92	27.25	57.92	27.25	1
16	"BodyLayout"	16791.75	40.31	8.24	40.31	8.24	1
17	"IndexPage"	12501.63	35.61	7.93	35.61	7.93	1
18	"SearchIcon"	60.4	34.7	6.68	17.35	3.34	2
19	"PostIcon"	51.48	28.81	4.88	14.4	2.44	2
20	"Logo"	49.01	27.16	5	13.58	2.5	2
21	"TwirlyIcon"	44.34	26.55	5.25	6.63	1.31	4
22	"TopNav"	225.51	26.55	7.38	26.55	7.38	1
23	"BetaBanner"	25.33	25.33	6.74	25.33	6.74	1
24	"HamburgerIcon"	35.37	19.68	3.6	9.84	1.8	2
25	"SettingsIcon"	24.29	14.83	2.68	7.41	1.34	2
26	"TopSubnav"	191.6	11.01	2.25	11.01	2.25	1
27	"Ad"	8.57	5.52	0.36	2.76	0.18	2
28	"TrackingPixel"	6.95	4.24	0.36	2.12	0.18	2

ReactDefaultPerf.js:102


0	"<root> > BodyLayout"	16791.75999999279	1
1	"Listing > ListingDropdown"	14467.691999991075	75
2	"<root> > IndexPage"	12501.633000007132	1
3	"IndexPage > ListingList"	12270.166999995126	1
4	"ListingList > Listing"	12206.718000030378	25
5	"MobileButton > SnooIcon"	10303.461999938008	216
6	"BodyLayout > SideNav"	3998.961999997846	1
7	"MobileButton > CommentIcon"	3709.9589998833835	100
8	"SideNav > MobileButton"	3651.183000038145	60
9	"ListingDropdown > MobileButton"	3511.3689999852795	75
10	"Listing > MobileButton"	2945.456000001286	50
11	"Listing > Vote"	2508.29100003466	25
12	"Vote > MobileButton"	1716.6120000183582	50
13	"MobileButton > DownvoteIcon"	1230.1830000214977	50
14	"MobileButton > UpvoteIcon"	1178.6059999576537	50
15	"SeashellsDropdown > SeashellIcon"	883.5699999763165	50
16	"MobileButton > InfoIcon"	803.0179999768734	50
17	"TopSubnav > SortDropdown"	343.4759999945527	2
18	"Listing > ListingContent"	337.0099999301601	31
19	"BodyLayout > TopNav"	225.51499999826774	1
20	"TopNav > MobileButton"	198.96399999561254	5
21	"IndexPage > TopSubnav"	191.60700000065845	1
22	"SortDropdown > CheckmarkIcon"	184.19000001449604	10
23	"Listing > ReactTransitionGroup"	151.01500002492685	25
24	"MobileButton > SearchIcon"	60.40099999518134	2
25	"MobileButton > PostIcon"	51.48899999039713	2
26	"MobileButton > Logo"	49.01600000448525	2
27	"MobileButton > TwirlyIcon"	44.346000024233945	4
28	"MobileButton > HamburgerIcon"	35.37300000607502	2
29	"BodyLayout > BetaBanner"	25.330999997095205	1
30	"MobileButton > SettingsIcon"	24.293999988003634	2
31	"ListingList > Ad"	8.577999993576668	2
32	"IndexPage > TrackingPixel"	6.957999998121522	2

ReactDefaultPerf.js:103 Total time: 0.00 ms

undefined