4a43130e.88ba9abb.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{111:function(e,t,n){"use strict";n.d(t,"a",(function(){return p})),n.d(t,"b",(function(){return d}));var r=n(0),o=n.n(r);function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=o.a.createContext({}),l=function(e){var t=o.a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},p=function(e){var t=l(e.components);return o.a.createElement(s.Provider,{value:t},e.children)},f={inlineCode:"code",wrapper:function(e){var t=e.children;return o.a.createElement(o.a.Fragment,{},t)}},b=o.a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,c=e.originalType,a=e.parentName,s=u(e,["components","mdxType","originalType","parentName"]),p=l(n),b=r,d=p["".concat(a,".").concat(b)]||p[b]||f[b]||c;return n?o.a.createElement(d,i(i({ref:t},s),{},{components:n})):o.a.createElement(d,i({ref:t},s))}));function d(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var c=n.length,a=new Array(c);a[0]=b;var i={};for(var u in t)hasOwnProperty.call(t,u)&&(i[u]=t[u]);i.originalType=e,i.mdxType="string"==typeof e?e:r,a[1]=i;for(var s=2;s<c;s++)a[s]=n[s];return o.a.createElement.apply(null,a)}return o.a.createElement.apply(null,n)}b.displayName="MDXCreateElement"},112:function(e,t,n){"use strict";n.r(t),t.default=n.p+"assets/images/patreon-15b4e66595efdb2e079faf18b89cff7c.png"},246:function(e,t,n){"use strict";n.r(t),t.default=n.p+"assets/images/reactNativeUnicornUIKit-9ec073c608f4824f1fafbe5601691e0b.png"},80:function(e,t,n){"use strict";n.r(t),n.d(t,"frontMatter",(function(){return a})),n.d(t,"metadata",(function(){return i})),n.d(t,"rightToc",(function(){return u})),n.d(t,"default",(function(){return l}));var r=n(3),o=n(8),c=(n(0),n(111)),a={id:"unicorn00",title:"UI Kit - Unicorn",sidebar_label:"Introduction"},i={unversionedId:"unicorn00",id:"unicorn00",isDocsHomePage:!1,title:"UI Kit - Unicorn",description:"Since the layout of components takes up to about 60% of the total code of my lessons,",source:"@site/docs/unicorn00.md",slug:"/unicorn00",permalink:"/docs/unicorn00",editUrl:"https://github.com/facebook/docusaurus/edit/master/website/docs/unicorn00.md",version:"current",sidebar_label:"Introduction",sidebar:"someSidebar",previous:{title:"ESLint & Prettierrc",permalink:"/docs/start03"},next:{title:"UI Kit - Unicorn",permalink:"/docs/unicorn01"}},u=[],s={rightToc:u};function l(e){var t=e.components,a=Object(o.a)(e,["components"]);return Object(c.b)("wrapper",Object(r.a)({},s,a,{components:t,mdxType:"MDXLayout"}),Object(c.b)("p",null,"Since the layout of components takes up to about 60% of the total code of my lessons,\nI decided to put all the components in a separate library, thereby, in subsequent lessons,\nwe will focus on business logic instead of creating components.\nIt should be noted that our UI Kit supports dark and light mode."),Object(c.b)("p",null,Object(c.b)("img",{alt:"Unicorn",src:n(246).default})),Object(c.b)("p",null,"Go!"),Object(c.b)("p",null,Object(c.b)("a",Object(r.a)({parentName:"p"},{href:"https://www.patreon.com/bePatron?u=34467235"}),Object(c.b)("img",{alt:"Become a Patron!",src:n(112).default}))))}l.isMDXComponent=!0}}]);