-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
28 lines (28 loc) · 24.8 KB
/
index.html
File metadata and controls
28 lines (28 loc) · 24.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style id="typography.js">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:87.5%/1.2 -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;box-sizing:border-box;overflow-y:scroll;}*{box-sizing:inherit;}*:before{box-sizing:inherit;}*:after{box-sizing:inherit;}body{color:var(--app-foreground);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:normal;word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern", "liga", "clig", "calt";-ms-font-feature-settings:"kern", "liga", "clig", "calt";-webkit-font-feature-settings:"kern", "liga", "clig", "calt";font-feature-settings:"kern", "liga", "clig", "calt";}img{max-width:100%;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}h1{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;color:var(--app-purple);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:2rem;line-height:1.1;}h2{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;color:var(--app-purple);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1.51572rem;line-height:1.1;}h3{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;color:var(--app-purple);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1.31951rem;line-height:1.1;}h4{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;color:var(--app-purple);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.1;}h5{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;color:var(--app-purple);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:0.87055rem;line-height:1.1;}h6{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;color:var(--app-purple);font-family:-apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:0.81225rem;line-height:1.1;}hgroup{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}ul{margin-left:1.2rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;list-style-position:outside;list-style-image:none;}ol{margin-left:1.2rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;list-style-position:outside;list-style-image:none;}dl{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}dd{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}p{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}figure{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}pre{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;font-size:0.85rem;line-height:1.2rem;}table{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;font-size:1rem;line-height:1.8rem;border-collapse:collapse;width:100%;}fieldset{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}blockquote{margin-left:1.2rem;margin-right:1.2rem;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}form{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}noscript{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}iframe{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}hr{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:calc(1.2rem - 1px);background:hsla(0,0%,0%,0.2);border:none;height:1px;}address{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.2rem;}b{font-weight:bold;}strong{font-weight:bold;}dt{font-weight:bold;}th{font-weight:bold;}li{margin-bottom:calc(1.2rem / 2);}ol li{padding-left:0;}ul li{padding-left:0;}li > ol{margin-left:1.2rem;margin-bottom:calc(1.2rem / 2);margin-top:calc(1.2rem / 2);}li > ul{margin-left:1.2rem;margin-bottom:calc(1.2rem / 2);margin-top:calc(1.2rem / 2);}blockquote *:last-child{margin-bottom:0;}li *:last-child{margin-bottom:0;}p *:last-child{margin-bottom:0;}li > p{margin-bottom:calc(1.2rem / 2);}code{font-size:1em;line-height:1.4em;font-family:'Fira Code', monospace;}kbd{font-size:0.85rem;line-height:1.2rem;}samp{font-size:0.85rem;line-height:1.2rem;}abbr{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}acronym{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}abbr[title]{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;text-decoration:none;}thead{text-align:left;}td,th{text-align:left;border-bottom:1px solid hsla(0,0%,0%,0.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding-left:0.8rem;padding-right:0.8rem;padding-top:0.6rem;padding-bottom:calc(0.6rem - 1px);}th:first-child,td:first-child{padding-left:0;}th:last-child,td:last-child{padding-right:0;}a{color:inherit;}a:focus{outline:2px solid var(--app-cyan);outline-offset:0;}a:visited{color:var(--app-cyan);}code.inline{line-height:1em;background:none;}</style><style data-href="/styles.575383d03165b8903ab9.css">.example-module--activeLink--38vvi{font-weight:700}.example-module--button--2xHma{border:4px solid #282a36;outline:none}.example-module--button--2xHma:focus{border-color:#f55}.example-module--container--2WHWz{position:relative}.example-module--toggle--2n6Tw{width:100%}.example-module--content--2bJ3Z{border:2px solid #f55;position:absolute;left:0;right:0;background:#282a36;color:#f8f8f2}.example-module--wrapper--299pE{min-height:250px;min-width:250px}.example-module--circle--3T_VB{align-items:center;background-color:#1e90ff;border-radius:99999px;color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:10em;justify-content:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:10em}.global__wrapper{min-height:250px;min-width:250px}.global__circle{align-items:center;background-color:#1e90ff;border-radius:99999px;color:#f0f8ff;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:10em;justify-content:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);width:10em}.example-module--grid--2HQuS{display:flex;width:600px;flex-wrap:wrap}.example-module--button--3qJcb{width:200px;height:200px}.example-module--image--219ww{max-width:100%;max-height:100%}.button-default-module--button--7lfEi{margin:.25em;padding:.5em 1em;background:#8be9fd;color:#21222c;border:none;border-radius:4px;transition:transform .2s cubic-bezier(.68,-.6,.32,1.6)}.button-default-module--button--7lfEi:focus{outline:2px solid #8be9fd;outline-offset:2px}.button-default-module--button--7lfEi:hover{transform:scale(1.05)}.button-default-module--button--7lfEi:active{transform:scale(.95)}.button-green-module--button--QOldr{margin:.25em;padding:.25em 1em;background:#50fa7b;border:none;--clip-size:0.7em;-webkit-clip-path:polygon(100% 0,100% calc(100% - var(--clip-size)),calc(100% - var(--clip-size)) 100%,0 100%,0 var(--clip-size),var(--clip-size) 0);clip-path:polygon(100% 0,100% calc(100% - var(--clip-size)),calc(100% - var(--clip-size)) 100%,0 100%,0 var(--clip-size),var(--clip-size) 0);transition:-webkit-clip-path .1s cubic-bezier(.785,.135,.15,.86);transition:clip-path .1s cubic-bezier(.785,.135,.15,.86);transition:clip-path .1s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .1s cubic-bezier(.785,.135,.15,.86);outline:none}.button-green-module--button--QOldr:focus{text-decoration:underline}.button-green-module--button--QOldr:hover{--clip-size:0.5em}.button-green-module--button--QOldr:active{--clip-size:0.3em}.button-red-module--button--16TtQ{background:none;border:2px solid #f55;color:inherit;margin:.5em;padding:1em;border-radius:999px;transition:.3s cubic-bezier(.83,0,.17,1);transition-property:box-shadow,transform}.button-red-module--button--16TtQ:focus{outline:1px dotted #f1fa8c;outline-offset:-1em}.button-red-module--button--16TtQ:hover{box-shadow:3px 3px #f1fa8c;transform:translate(-3px,-3px)}.button-red-module--button--16TtQ:active{box-shadow:1px 1px #f1fa8c;transform:translate(-1px,-1px)}.example-module--box--3he54{margin:.5em;padding:.5em;border:2px solid transparent}@font-face{font-family:Fira Code;src:url(/static/FiraCode-Light-12a4570e0e211e7806397d059c101a50.woff2) format("woff2"),url(/static/FiraCode-Light-6214fef263bf351d32d599371642be62.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Fira Code;src:url(/static/FiraCode-Regular-05de2776f1794b0966b239d1ec4a3b6d.woff2) format("woff2"),url(/static/FiraCode-Regular-3da66ca1931ea28aafb1c6e9cdf1d0f8.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Fira Code;src:url(/static/FiraCode-Medium-194fd05a7a79c9b63de8f74ea5276b90.woff2) format("woff2"),url(/static/FiraCode-Medium-8c366d27ff935f825293e5e07c64c490.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Fira Code;src:url(/static/FiraCode-SemiBold-3b54c8128c07531d08fbccdbcec5eaeb.woff2) format("woff2"),url(/static/FiraCode-SemiBold-5b622a60674d74cbcee529fe237de375.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Fira Code;src:url(/static/FiraCode-Bold-495e21a694ab166441b0d07b362f7d5f.woff2) format("woff2"),url(/static/FiraCode-Bold-337395668a3ef7fbc539c2a9665b23c1.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Fira Code VF;src:url(/static/FiraCode-VF-552a1fc473db4e764581ab9be0d47a3b.woff2) format("woff2-variations"),url(/static/FiraCode-VF-e2fac0912827c3aeed7d8519d059e10a.woff) format("woff-variations");font-weight:300 700;font-style:normal}.grvsc-container{overflow:auto;position:relative;-webkit-overflow-scrolling:touch;padding-top:1rem;padding-top:var(--grvsc-padding-top,var(--grvsc-padding-v,1rem));padding-bottom:1rem;padding-bottom:var(--grvsc-padding-bottom,var(--grvsc-padding-v,1rem));border-radius:8px;border-radius:var(--grvsc-border-radius,8px);font-feature-settings:normal;line-height:1.4}.grvsc-code{display:table}.grvsc-line{display:table-row;box-sizing:border-box;width:100%}.grvsc-line,.grvsc-line>*{position:relative}.grvsc-gutter-pad{display:table-cell;padding-left:.75rem;padding-left:calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem))/2)}.grvsc-gutter{display:table-cell;-webkit-user-select:none;-ms-user-select:none;user-select:none}.grvsc-gutter:before{content:attr(data-content)}.grvsc-source{display:table-cell;padding-left:1.5rem;padding-left:var(--grvsc-padding-left,var(--grvsc-padding-h,1.5rem));padding-right:1.5rem;padding-right:var(--grvsc-padding-right,var(--grvsc-padding-h,1.5rem))}.grvsc-source:empty:after{content:" ";-webkit-user-select:none;-ms-user-select:none;user-select:none}.grvsc-gutter+.grvsc-source{padding-left:.75rem;padding-left:calc(var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem))/2)}.grvsc-has-line-highlighting>.grvsc-code>.grvsc-line:before{content:" ";position:absolute;width:100%}.grvsc-line-diff-add:before{background-color:var(--grvsc-line-diff-add-background-color,rgba(0,255,60,.2))}.grvsc-line-diff-del:before{background-color:var(--grvsc-line-diff-del-background-color,rgba(255,0,20,.2))}.grvsc-line-number{padding:0 2px;text-align:right;opacity:.7}:root{--app-background:#191a21;--app-foreground:#f8f8f2;--app-purple:#bd93f9;--app-cyan:#8be9fd;--app-pink:#ff79c6;--app-green:#50fa7b;--app-comment:#6272a4;--app-border-radius:4px}body{background-color:var(--app-background)}</style><meta name="generator" content="Gatsby 2.24.53"/><style data-styled="" data-styled-version="5.2.0">.kpJAMR{fill:currentColor;height:1em;margin:0.25em;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}/*!sc*/
.YDqEF{fill:currentColor;height:1em;margin:0em;-webkit-transform:none;-ms-transform:none;transform:none;}/*!sc*/
data-styled.g3[id="icon__Icon-sc-1w03ldy-0"]{content:"kpJAMR,YDqEF,"}/*!sc*/
.gMNgCH{border-top:1em solid var(--app-pink);padding:1em;margin:0 auto;text-align:center;}/*!sc*/
@media (min-width:768px){.gMNgCH{padding-top:4em;}}/*!sc*/
@media (min-width:1200px){.gMNgCH{padding-top:8em;}}/*!sc*/
data-styled.g27[id="content__Content-sc-17zylkt-0"]{content:"gMNgCH,"}/*!sc*/
.kyAmGH{font-size:4em;color:var(--app-pink);}/*!sc*/
data-styled.g28[id="content__Title-sc-17zylkt-1"]{content:"kyAmGH,"}/*!sc*/
.czmygo{color:var(--app-foreground);margin-bottom:2em;}/*!sc*/
data-styled.g29[id="content__Subtitle-sc-17zylkt-2"]{content:"czmygo,"}/*!sc*/
.EcNoH{margin:1em;height:150px;color:var(--app-cyan);-webkit-animation:rainbow 3s ease-in-out,pulse 2s cubic-bezier(0.83,0,0.17,1);animation:rainbow 3s ease-in-out,pulse 2s cubic-bezier(0.83,0,0.17,1);-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}/*!sc*/
.EcNoH:hover{-webkit-animation-play-state:running;animation-play-state:running;}/*!sc*/
@media (prefers-reduced-motion:reduce){.EcNoH{-webkit-animation:none;animation:none;}}/*!sc*/
@media (min-width:768px){.EcNoH{height:200px;margin:2em;}}/*!sc*/
@-webkit-keyframes rainbow{0%{color:var(--app-cyan);}30%{color:var(--app-purple);}40%{color:var(--app-pink);}100%{color:var(--app-green);}}/*!sc*/
@keyframes rainbow{0%{color:var(--app-cyan);}30%{color:var(--app-purple);}40%{color:var(--app-pink);}100%{color:var(--app-green);}}/*!sc*/
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}25%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}50%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}75%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}/*!sc*/
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}25%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}50%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}75%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}/*!sc*/
data-styled.g30[id="content__ReactLogo-sc-17zylkt-3"]{content:"EcNoH,"}/*!sc*/
.bxesdx{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:2em;color:var(--app-background);background-color:var(--app-foreground);padding:1rem 2rem;border-radius:999px;-webkit-text-decoration:none;text-decoration:none;margin-bottom:3em;}/*!sc*/
.bxesdx:visited{color:var(--app-background);}/*!sc*/
.bxesdx:focus{outline:4px solid var(--app-foreground);}/*!sc*/
@media (min-width:768px){.bxesdx{font-size:3em;}}/*!sc*/
data-styled.g31[id="content__GetStarted-sc-17zylkt-4"]{content:"bxesdx,"}/*!sc*/
.dcmLCa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:left;}/*!sc*/
data-styled.g32[id="content__ListContainer-sc-17zylkt-5"]{content:"dcmLCa,"}/*!sc*/
</style><link as="script" rel="preload" href="/webpack-runtime-9f7e53c71dcc3dab017c.js"/><link as="script" rel="preload" href="/styles-83f4830e56b1649077c0.js"/><link as="script" rel="preload" href="/app-9c9c636141d0d9462601.js"/><link as="script" rel="preload" href="/commons-0ec0aa77df1857b94bcc.js"/><link as="script" rel="preload" href="/component---src-content-index-tsx-0cd5d56753c6c32181d9.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/2525811997.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/2531148919.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/345250084.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><main class="content__Content-sc-17zylkt-0 gMNgCH"><svg aria-label="React logo" viewBox="-11.5 -11.5 23 23" focusable="false" class="content__ReactLogo-sc-17zylkt-3 EcNoH"><circle cx="0" cy="0" r="2.05" fill="currentColor"></circle><g stroke="currentColor" stroke-width="1" fill="none"><ellipse rx="11" ry="4.2" transform="rotate(0)"></ellipse><ellipse rx="11" ry="4.2" transform="rotate(60)"></ellipse><ellipse rx="11" ry="4.2" transform="rotate(120)"></ellipse></g></svg><h1 class="content__Title-sc-17zylkt-1 kyAmGH">React by Example</h1><h2 class="content__Subtitle-sc-17zylkt-2 czmygo">code-oriented React tutorial for programmers</h2><a class="content__GetStarted-sc-17zylkt-4 bxesdx" href="/getting-started">Get Started<svg viewBox="0 0 16 16" focusable="false" class="icon__Icon-sc-1w03ldy-0 kpJAMR"><path fill-rule="evenodd" d="M3.47 7.78a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 0l4.25 4.25a.75.75 0 01-1.06 1.06L9 4.81v7.44a.75.75 0 01-1.5 0V4.81L4.53 7.78a.75.75 0 01-1.06 0z"></path></svg></a><div class="content__ListContainer-sc-17zylkt-5 dcmLCa"><ul><li>no previous React knowledge required</li><li>some JavaScript knowledge is required</li><li>tons of real world examples</li><li>examples editable on CodeSandbox <svg viewBox="0 0 32 32" focusable="false" class="icon__Icon-sc-1w03ldy-0 YDqEF"><path d="M2.667 8l13.938-8 13.943 8 0.12 15.932-14.063 8.068-13.938-8zM5.453 11.307v6.344l4.458 2.479v4.688l5.297 3.063v-11.031zM27.771 11.307l-9.755 5.542v11.031l5.292-3.063v-4.682l4.464-2.484zM6.844 8.802l9.74 5.526 9.76-5.573-5.161-2.932-4.547 2.594-4.573-2.625z"></path></svg></li><li>most examples include unit tests <svg viewBox="0 0 16 16" focusable="false" class="icon__Icon-sc-1w03ldy-0 YDqEF"><path fill-rule="evenodd" d="M5 5.782V2.5h-.25a.75.75 0 010-1.5h6.5a.75.75 0 010 1.5H11v3.282l3.666 5.76C15.619 13.04 14.543 15 12.767 15H3.233c-1.776 0-2.852-1.96-1.899-3.458L5 5.782zM9.5 2.5h-3V6a.75.75 0 01-.117.403L4.73 9h6.54L9.617 6.403A.75.75 0 019.5 6V2.5zm-6.9 9.847L3.775 10.5h8.45l1.175 1.847a.75.75 0 01-.633 1.153H3.233a.75.75 0 01-.633-1.153z"></path></svg></li><li>links for further research</li></ul></div></main></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-eb45c71825b94e8c2d48.js"],"app":["/app-9c9c636141d0d9462601.js"],"component---src-content-about-jsx-mdx":["/component---src-content-about-jsx-mdx-c1dd7c9eaca80ed35fe6.js"],"component---src-content-advanced-hooks-mdx":["/component---src-content-advanced-hooks-mdx-bb2cdbd9752d4181d8ca.js"],"component---src-content-best-practices-mdx":["/component---src-content-best-practices-mdx-588d6d19ff4e5e804672.js"],"component---src-content-class-components-mdx":["/component---src-content-class-components-mdx-e7a716dd22adc6d3332d.js"],"component---src-content-context-mdx":["/component---src-content-context-mdx-a8e33aea781d418f514f.js"],"component---src-content-custom-hooks-mdx":["/component---src-content-custom-hooks-mdx-d810b691d2f5ae74ba66.js"],"component---src-content-events-forms-mdx":["/component---src-content-events-forms-mdx-8d5d45803668f6473a04.js"],"component---src-content-final-words-mdx":["/component---src-content-final-words-mdx-402c4022d195ca621891.js"],"component---src-content-function-components-mdx":["/component---src-content-function-components-mdx-424880c47b4ee1d82195.js"],"component---src-content-getting-started-mdx":["/component---src-content-getting-started-mdx-7403aeff1ff7898005cf.js"],"component---src-content-higher-order-components-mdx":["/component---src-content-higher-order-components-mdx-fe435e7a3e2bd8b54898.js"],"component---src-content-hooks-mdx":["/component---src-content-hooks-mdx-58372ba37c57d7dc9bff.js"],"component---src-content-index-tsx":["/component---src-content-index-tsx-0cd5d56753c6c32181d9.js"],"component---src-content-routing-mdx":["/component---src-content-routing-mdx-58c3029fef04929f073d.js"],"component---src-content-styling-mdx":["/component---src-content-styling-mdx-da763ec2f0466849a3f9.js"],"component---src-content-testing-mdx":["/component---src-content-testing-mdx-f84f2928cb4db9e129d8.js"]};/*]]>*/</script><script src="/polyfill-eb45c71825b94e8c2d48.js" nomodule=""></script><script src="/component---src-content-index-tsx-0cd5d56753c6c32181d9.js" async=""></script><script src="/commons-0ec0aa77df1857b94bcc.js" async=""></script><script src="/app-9c9c636141d0d9462601.js" async=""></script><script src="/styles-83f4830e56b1649077c0.js" async=""></script><script src="/webpack-runtime-9f7e53c71dcc3dab017c.js" async=""></script></body></html>