+ vscode night owl theme

2024-05-15 07:15:59 -05:00
parent e2c14487aa
commit d18120752c
51 changed files with 19760 additions and 0 deletions
--- a/dots/vscodium/sdras.night-owl-2.0.1-universal/demo/statelessfunctionalreact.js
+++ b/dots/vscodium/sdras.night-owl-2.0.1-universal/demo/statelessfunctionalreact.js
@@ -0,0 +1,35 @@
+// I use this syntax when my component fits on one line
+const ListItem = props => <li className="list-item">{props.item.name}</li>
+
+// I use this when my component has no logic outside JSX
+const List = ({ items }) => (
+  <ul className="list">{items.map(item => <ListItem item={item} />)}</ul>
+)
+
+// I use this when the component needs logic outside JSX.
+const Body = props => {
+  let items = transformItems(props.rawItems)
+  return (
+    <div>
+      <h1>{props.header}</h1>
+      <List items={items} />
+    </div>
+  )
+}
+
+const Foo = () => <div>
+  <div></div>
+</div>
+
+// This is equivalent to the last example
+function Page(props, context) {
+  return (
+    <div>
+      <Body header="My List" rawItems={props.rawItems} />
+    </div>
+  )
+}
+// propTypes and contextTypes are supported
+Page.propTypes = {
+  rawItems: React.PropTypes.array.isRequired
+}