Skip to content

Commit c37eb11

Browse files
RoyalIcingRoyalIcing
committed
Flesh out more links
1 parent 4e9057d commit c37eb11

File tree

2 files changed

+55
-22
lines changed

2 files changed

+55
-22
lines changed

‎apps/components_guide_web/assets/css/app.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,10 @@ input {
2626
@apply max-w-5xl mx-auto px-4;
2727
}
2828

29+
.nums-tabular {
30+
font-variant-numeric: tabular-nums;
31+
}
32+
2933
.text-shadow {
3034
text-shadow: 0.0625em 0.0625em 0.125em rgba(0,0,0,0.25);
3135
}

‎apps/components_guide_web/lib/components_guide_web/templates/links/index.html.eex

Lines changed: 51 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -22,27 +22,32 @@
2222
<h2 class="text-4xl leading-normal font-bold text-orange-800 border-b-4 border-orange-200">SwiftUI</h2>
2323

2424
<h3 class="mt-4 mb-2 text-2xl leading-normal italic">WWDC 2019</h3>
25-
<ul class="list-disc">
25+
<ul class="list-disc nums-tabular">
2626
<li><%= link "204: Introducing SwiftUI: Building Your First App", to: "https://developer.apple.com/videos/play/wwdc2019/204/" %></li>
2727
<li><%= link "216: SwiftUI Essentials", to: "https://developer.apple.com/videos/play/wwdc2019/216/" %></li>
2828
<li><%= link "226: Data Flow Through SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/226/" %></li>
2929
<li><%= link "231: Integrating SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/231/" %></li>
30+
<li><%= link "238: Accessibility in SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/238/" %></li>
3031
<li><%= link "237: Building Custom Views with SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/237/" %></li>
3132
<li><%= link "240: SwiftUI On All Devices", to: "https://developer.apple.com/videos/play/wwdc2019/240/" %></li>
3233
<li><%= link "219: SwiftUI on watchOS", to: "https://developer.apple.com/videos/play/wwdc2019/219/" %></li>
34+
<li><%= link "233: Mastering Xcode Previews", to: "https://developer.apple.com/videos/play/wwdc2019/219/" %></li>
3335
</ul>
3436

3537
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Handy references</h3>
3638
<ul class="list-disc">
3739
<li><%= link "Gosh Darn SwiftUI: a curated list of questions and answers about SwiftUI", to: "https://goshdarnswiftui.com/" %></li>
40+
<li><%= link "About SwiftUI: Gathering all info published, both by Apple and by others, about new framework SwiftUI", to: "https://github.com/Juanpe/About-SwiftUI" %></li>
41+
<li><%= link "SwiftUI by Example: free quick start tutorials for Swift developers", to: "https://www.hackingwithswift.com/quick-start/swiftui" %></li>
42+
<li><%= link "SwiftUI Hub", to: "https://swiftuihub.com/" %></li>
3843
</ul>
3944
</article>
4045

4146
<article class="mb-8 text-red-700 a{font-bold}">
4247
<h2 class="text-4xl leading-normal font-bold text-red-800 border-b-4 border-red-200">Combine</h2>
4348

4449
<h3 class="mt-4 mb-2 text-2xl leading-normal italic">WWDC 2019</h3>
45-
<ul class="list-disc">
50+
<ul class="list-disc nums-tabular">
4651
<li><%= link "415: Modern Swift API Design", to: "https://developer.apple.com/videos/play/wwdc2019/415/" %></li>
4752
<li><%= link "722: Introducing Combine", to: "https://developer.apple.com/videos/play/wwdc2019/722/" %></li>
4853
<li><%= link "721: Combine in Practice", to: "https://developer.apple.com/videos/play/wwdc2019/721/" %></li>
@@ -60,32 +65,56 @@
6065

6166
<h3 class="mt-4 mb-2 text-2xl leading-normal italic">Overreacted by Dan Abramov</h3>
6267
<ul class="list-disc">
63-
<li><%= link "204: Introducing SwiftUI: Building Your First App", to: "https://developer.apple.com/videos/play/wwdc2019/204/" %></li>
64-
<li><%= link "216: SwiftUI Essentials", to: "https://developer.apple.com/videos/play/wwdc2019/216/" %></li>
65-
<li><%= link "226: Data Flow Through SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/226/" %></li>
66-
<li><%= link "231: Integrating SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/231/" %></li>
67-
<li><%= link "237: Building Custom Views with SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/237/" %></li>
68-
<li><%= link "240: SwiftUI On All Devices", to: "https://developer.apple.com/videos/play/wwdc2019/240/" %></li>
69-
<li><%= link "219: SwiftUI on watchOS", to: "https://developer.apple.com/videos/play/wwdc2019/219/" %></li>
68+
<li><%= link "The Elements of UI Engineering", to: "https://overreacted.io/the-elements-of-ui-engineering/" %></li>
69+
<li><%= link "Writing Resilient Components", to: "https://overreacted.io/writing-resilient-components/" %></li>
70+
<li><%= link "Making setInterval Declarative with React Hooks", to: "https://overreacted.io/making-setinterval-declarative-with-react-hooks/" %></li>
71+
<li><%= link "React as a UI Runtime", to: "https://overreacted.io/react-as-a-ui-runtime/" %></li>
7072
</ul>
7173

72-
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Tools and libraries for Combine</h3>
74+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Official Docs</h3>
7375
<ul class="list-disc">
74-
<li><%= link "Entwine: Testing tools and utilities for Apple's Combine framework.", to: "https://github.com/tcldr/Entwine" %></li>
76+
<li><%= link "Thinking in React", to: "https://reactjs.org/docs/thinking-in-react.html" %></li>
77+
<li><%= link "Introducing Hooks", to: "https://reactjs.org/docs/hooks-intro.html" %></li>
78+
<li><%= link "Hooks API Reference", to: "https://reactjs.org/docs/hooks-reference.html" %></li>
79+
<li><%= link "Hooks FAQ", to: "https://reactjs.org/docs/hooks-faq.html" %></li>
80+
<li><%= link "Context", to: "https://reactjs.org/docs/context.html" %></li>
81+
<li><%= link "Forms", to: "https://reactjs.org/docs/forms.html" %></li>
82+
<li><%= link "Accessibility", to: "https://reactjs.org/docs/accessibility.html" %></li>
83+
<li><%= link "Error Boundaries", to: "https://reactjs.org/docs/error-boundaries.html" %></li>
84+
<li><%= link "Uncontrolled Components", to: "https://reactjs.org/docs/uncontrolled-components.html" %></li>
85+
<li><%= link "Reconciliation", to: "https://reactjs.org/docs/reconciliation.html" %></li>
7586
</ul>
7687
</article>
77-
78-
<article class="mb-8">
79-
<h2 class="mb-2 text-4xl leading-normal text-teal-800">RxJS</h2>
80-
<p>
81-
What sort of components should be resuable? How granular should you go?
82-
</p>
88+
89+
<article class="mb-8 text-pink-700 a{font-bold}">
90+
<h2 class="text-4xl leading-normal font-bold text-pink-800 border-b-4 border-pink-200">RxJS</h2>
91+
92+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Official Docs</h3>
93+
<ul class="list-disc">
94+
<li><%= link "Overview", to: "https://rxjs.dev/guide/overview" %></li>
95+
<li><%= link "API Reference", to: "https://rxjs.dev/api" %></li>
96+
<li><%= link "Marble Testing", to: "https://rxjs.dev/guide/testing/marble-testing" %></li>
97+
</ul>
98+
99+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Handy references</h3>
100+
<ul class="list-disc">
101+
<li><%= link "The introduction to Reactive Programming you've been missing", to: "https://gist.github.com/staltz/868e7e9bc2a7b8c1f754" %></li>
102+
<li><%= link "Introduction to Reactive Programming Videos", to: "https://egghead.io/courses/introduction-to-reactive-programming" %></li>
103+
<li><%= link "Rx Visualizer", to: "https://rxviz.com/" %></li>
104+
<li><%= link "Thinking reactive with the SIP principle", to: "https://blog.strongbrew.io/the-sip-principle/" %></li>
105+
<li><%= link "LearnRxJS.io", to: "https://www.learnrxjs.io/" %></li>
106+
</ul>
83107
</article>
84-
<article class="mb-8">
85-
<h2 class="mb-2 text-4xl leading-normal text-teal-800">TypeScript</h2>
86-
<p>
87-
What sort of components should be resuable? How granular should you go?
88-
</p>
108+
109+
<article class="mb-8 text-indigo-700 a{font-bold}">
110+
<h2 class="text-4xl leading-normal font-bold text-indigo-800 border-b-4 border-indigo-200">TypeScript</h2>
111+
112+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Handy references</h3>
113+
<ul class="list-disc">
114+
<li><%= link "TypeScript in 5 minutes", to: "https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html" %></li>
115+
<li><%= link "The TypeScript Handbook", to: "https://www.typescriptlang.org/docs/handbook/basic-types.html" %></li>
116+
<li><%= link "TypeScript Deep Dive", to: "https://basarat.gitbooks.io/typescript/" %></li>
117+
</ul>
89118
</article>
90119
</section>
91120
</div>

0 commit comments

Comments
 (0)