forked from swyxio/swyxdotio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
talks.yml
1031 lines (1011 loc) · 56.8 KB
/
talks.yml
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
- title: Running a $200k side hustle with Stripe Checkout
slug: stripe-dev-checkout-200k
categories: [Creators, Stripe, CodingCareer]
description: In this live session, Shawn Wang joins Paul Asjes and Cecil Phillip to chat about how he uses Stripe Checkout in this side projects. We’ll dive into the integrations and discuss some of the decisions he had to make when it comes to accepting pay.
instances:
- venue: Stripe Dev YouTube
date: 2022-09-28
video: https://www.youtube.com/watch?v=S-UxzCtpB74
- title: Paradigm Lost
slug: paradigm-lost-cascadia
categories: [Devtools, AI, Orchestration]
description: A talk covering why frontend vs backend is now insufficient for "full stack", and how 4 trends are taking over - local first, async, data, and AI are taking my attention.
instances:
- venue: CascadiaJS
date: 2022-09-01
video: https://www.youtube.com/watch?v=KsTAcQJ619o&feature=emb_title
- title: Bun vs Deno - New Runtimes for the Third Age of JS
slug: bun-vs-deno
categories: [JS]
description: People are tearing up the foundations of JavaScript with new assumptions and a need for speed. Let’s look at the new kids on the block - Bun and Deno and explore how they might someday replace Node in your tech stack.
instances:
- venue: RWR YouTube (live)
date: 2022-07-13
video: https://www.youtube.com/watch?v=ORI29ot_Zck
- venue: Swyx YouTube
date: 2022-07-21
video: https://www.youtube.com/watch?t=11&v=O7KVEwNau6w&feature=youtu.be
- title: Third Age of JavaScript - Three Years In
slug: third-age-3-talk
categories: [JS]
description: I updated the epic Third Age talk for Reactathon 2022
instances:
- venue: RWR YouTube
date: 2022-05-06
video: https://www.youtube.com/watch?v=CGnlBU3K_eM
- venue: RWR Livestream
date: 2022-05-06
video: https://www.youtube.com/watch?v=Ck-e3hd3pKw&t=19926
- title: Radiating Circles of DevX - Opening Keynote DevXConf Stage B
slug: radiating-dx
categories: [DX]
description: DX expands outward from product to docs to content to community. Here's the full breakdown!
instances:
- venue: Gitpod Youtube
date: 2022-05-02
video: https://www.youtube.com/watch?v=d9lo-Ej98l4
- title: Temporal Series B Livestream
slug: temporal-series-b
categories: [Temporal]
description: Our community livestream for our Series B
instances:
- venue: Temporal Youtube
date: 2022-02-16
video: https://www.youtube.com/watch?time_continue=634&v=E40KwlxZJFI&feature=emb_title
- title: Temporal SDK Intros
slug: temporal-sdk-intros
categories: [Temporal]
description: Full length SDK intro workshops for Temporal's main SDKs.
instances:
- venue: Temporal Youtube
date: 2022-02-16
video: https://www.youtube.com/watch?v=66zQ8nrW-mA
- venue: Temporal Youtube
date: 2022-02-16
video: https://www.youtube.com/watch?v=1RY2lWSuJaA
- venue: Temporal Youtube
date: 2022-02-16
video: https://www.youtube.com/watch?v=-KWutSkFda8
- title: 7 minute intro to Temporal
slug: temporal-intro
categories: [Temporal]
description: I made the definitive intro to Temporal - picked up by the Register for our Series B funding announcement.
instances:
- venue: Temporal Youtube
date: 2022-02-14
video: https://www.youtube.com/watch?v=2HjnQlnA5eY
# 2021 Talks
- title: Temporal TypeScript SDK Full Workshop
slug: temporal-ts-sdk-workshop
categories: [Temporal]
description: Full length SDK intro workshops for TypeScript SDK
instances:
- venue: Temporal Youtube
date: 2021-12-14
video: https://www.youtube.com/watch?v=CeHSmv8oF_4
- title: React Server Components in Next.js 12 with Shawn "swyx" Wang
slug: react-server-components-2021
categories: [React]
description: A short live stream about React Server Components support in Next.js 12. Together with swyx, we will try to build a simple notes app using the most recent Next.js version.
instances:
- venue: Zaiste Programming
date: 2021-11-13
video: https://www.youtube.com/watch?v=qIPWzRvPSxk
- title: Mapping Developer Experience (ft. Silas Sao, Head of Experience Design, DataStax)
slug: mapping-devex
categories: [Devrel]
description: I chatted with Silas about how I'm looking at DX these days. We met at Kubecon and realized we were doing pretty similar things at our companies (which are closely related) so this is a honest discussion/session!
instances:
- venue: Swyx Youtube
date: 2021-10-28
video: https://www.youtube.com/watch?v=ddKDPikKbNk&feature=youtu.be
- title: Scaling and Measuring Developer Relations (with Sai Senthilkumar of Redpoint)
slug: measuring-devrel-talk
categories: [Devrel]
description: I was interviewed by Sai of Redpoint for about 150 founders and devrel folks based on these blogposts
instances:
- venue: Swyx Youtube
date: 2021-09-25
video: https://www.youtube.com/watch?v=guK1XiLQbH8
- title: React and the Meta of the Web with Sunil Pai
slug: sunil-pai-pod
categories: [React]
description: A wideranging podcast with Sunil covering the future of React, the Third Age of JavaScript, and the Meta of online discourse.
instances:
- venue: Swyx Youtube
date: 2021-09-20
video: https://www.youtube.com/watch?v=H3h1WICelqs
- title: Temporal - React for the Backend
slug: temporal-react
categories: [Temporal]
description: swyx doing the podcast tour talking about everything Temporal!
instances:
- venue: DevtoolsFM
date: 2021-09-10
url: https://devtools.fm/episode/13
video: https://www.youtube.com/watch?v=yNOkWFGejUs
- venue: ReactDayNY
date: 2021-10-07
video: https://www.youtube.com/watch?v=Cxaf8E00GMM
- venue: Temporal
date: 2021-10-07
video: https://www.youtube.com/watch?v=umsYzbDtj18
- venue: CascadiaJS
date: 2021-10-16
video: https://www.youtube.com/watch?v=WRYozSljSpw
- title: How to Market Yourself (without Being a Celebrity)
slug: market-yourself
categories: [Marketing]
description: Discussing personal branding and developer marketing with LearnInPublic.
instances:
- venue: DataTalksClub
date: 2021-05-14
tweet: https://twitter.com/Al_Grigor/status/1393219745088946178?s=20
url: https://datatalks.club/podcast/s03e07-market-yourself.html
video: https://www.youtube.com/watch?v=tkBCPqWKCL8
- venue: ReactEurope
date: 2020-04-20
url: https://portal.gitnation.org/contents/shawn-swyx-wangs-career-tips-knowing-how-to-market-yourself-authentically-is-not-scammy
video: https://www.youtube.com/watch?v=bcca0VCJe9Q&list=PLCC436JpVnK31LZG2cNINhlEQ1KTm39BR&index=15
- title: E2E Encryption Keyservers with Ashoat Tevosyan
slug: comm-with-ashoat
categories: [Tech]
description: A recording of one of the most interesting angel investing conversations I've had this year.
instances:
- venue: Swyx YouTube
date: 2021-05-09
video: https://www.youtube.com/watch?v=lWCOruAWpW4
- title: The Coding Career Handbook with Educative
slug: coding-career-educative
categories: [Careers]
description: Shawn talks about his work with the LearnInPublic movement and his own contributions to the Educative platform.
instances:
- venue: Educative
date: 2021-06-14
tweet: https://twitter.com/leepngo/status/1404408306215628801?s=21
video: https://www.youtube.com/watch?v=9maORXuCBHk
- title: Side Projects on the Modern Web Podcast
slug: side-projects-modern-web
categories: [Creator]
description: In this episode, Lindsay Wardell and Hunter Miller talk side projects with Shawn Wang. We discuss the projects they do on the side, and what kind of side projects they enjoy working on. Shawn also talks about his book, "The Coding Career Handbook", and how it started as a side project as well. We also talk about the importance of writing your own blog posts, and sharing your experience and learning in public to help both yourself and others, rather than blogging for numbers. We wrap up with a discussion on being a part-time creator, and finding a company that supports their employees and match what you're looking to do.
instances:
- venue: ModernWeb Podcast
date: 2021-04-22
video: https://www.youtube.com/watch?v=3DjrhpxuDOk
- title: Grifters and Content Creation Traps
slug: content-grifter
categories: [Creator]
description: We'll discuss how to grow and build your reputation online. Ethical ways to build your audience on Twitter. Things to avoid as a content creator. How to write things that matter.
instances:
- venue: Maksim Ivanov
date: 2021-04-21
tweet: https://twitter.com/ivanov_dev/status/1384553300914180097?s=20
video: https://www.youtube.com/watch?v=sL_uefhT51g
- title: 7 Lessons to Outlive React
slug: outlive-react
categories: [React]
description: There was a time before React, and there will be life after. If you tie yourself too closely to any technology, you might trap yourself and miss the next wave. Let's zoom out from the state management library du jour — what timeless lessons can we learn from React? In the talk I'll discuss lessons I've learned from studying React that I will take with me for the rest of my career.
instances:
- venue: React Summit
date: 2021-08-28
video: https://www.youtube.com/watch?v=yLgq-Foc1EE
- venue: ItalianCoders
date: 2021-12-10
video: https://www.youtube.com/watch?v=b1FXpOExLQw
- title: swyx on GraphQL
slug: graphql-guide
categories: [GraphQL]
description: I chatted with Loren as part of the bonus features for the GraphQL Guide book.
instances:
- venue: GraphQL Guide
date: 2021-04-12
video: https://www.youtube.com/watch?v=K4jzDASCPFM
- title: Technical Community Builders
slug: tech-community
categories: [Community]
description: Who builds developer communities, why are companies investing in them, and why now? I joined Idan Gazit and Brian Douglas to talk about my post on Technical Community Builders.
instances:
- venue: GitHub OCTO
date: 2021-04-13
tweet: https://twitter.com/githubOCTO/status/1372568532190306304
video: https://www.youtube.com/watch?v=lN9FphNMJbY
- venue: Jamstack Boston
date: 2021-04-21
video: https://www.youtube.com/watch?v=ecSq1Sl6h7M
- venue: Sourcegraph
date: 2021-12-14
video: https://www.youtube.com/watch?v=L1ATAYQFMn4
- title: State of Svelte
slug: state-of-svelte
categories: [JavaScript]
description: I joined the CodingCat stream with Alex and Brittney to talk Svelte!
instances:
- venue: CodingCat
date: 2021-04-08
video: https://www.youtube.com/watch?v=JfZm0tPUxjE
- title: Third Age of Javascript
slug: third-age-of-js
categories: [JavaScript]
description: In this stream, we chat to Shawn Swyx Wang, developer, author of the Coding Career Handbook, and learn-in-public advocate. Come along and ask him your questions!
instances:
- venue: JSWorld
date: 2021-02-25
tweet: https://twitter.com/swyx/status/1364977488657412101
video: https://www.youtube.com/watch?v=8cQ7ukBbrbA
- venue: JSNation Preview
date: 2021-05-20
url: https://portal.gitnation.org/contents/the-third-age-of-javascript
video: https://www.youtube.com/watch?v=Nan1hqQ90_4
- venue: JSNation Live
date: 2021-06-09
description: My first time as opening keynote speaker
video: https://www.youtube.com/watch?v=7sowEZQa3Tc&t=5740s
- venue: Swyx YouTube
date: 2021-04-04
video: https://www.youtube.com/watch?v=UKDjW0uRZGo
- venue: CityJS Conf
date: 2021-07-31
video: https://www.youtube.com/watch?v=oRnli8zrEBM
- venue: Web Directions Global Scope
date: 2021-06-11
url: https://webdirections.org/blog/web-directions-hover-21-session-spotlight-temporal-modern-dates-and-times-in-javascriptthe-third-age-of-javascript/
- venue: Infobip Shift
date: 2021-10-13
tweets:
- https://twitter.com/tlakomy/status/1435256423315877889?s=20
- https://twitter.com/m4d_z/status/1435253892523171843?s=20
- https://twitter.com/giltayar/status/1435258266729205762?s=20
- https://twitter.com/CompuIves/status/1435258964242059268?s=20
- https://twitter.com/kenny_io/status/1435313957099745282?s=20
- https://twitter.com/jen_ayy_/status/1435568073700958210?s=21
- https://twitter.com/kenny_io/status/1435639380991954946?s=21
- https://twitter.com/giltayar/status/1435876021681758208?s=21
- https://twitter.com/dabit3/status/1436932234263597058?s=21
video: https://www.youtube.com/watch?v=lU-zEoGqjc8
- title: Scrimba Livestream - Q&A
slug: scrimba-livestream
categories: [Careers]
description: In this stream, we chat to Shawn Swyx Wang, developer, author of the Coding Career Handbook, and learn-in-public advocate. Come along and ask him your questions!
instances:
- venue: Scrimba
date: 2021-02-25
tweet: https://twitter.com/scrimba/status/1364579629634363396?s=21
video: https://www.youtube.com/watch?v=t6A0jVDRymw
- title: Prerecording Conference Talks - 15 Tips to Make It Bigger and Better
slug: prerecording-conf-talks-gdcfp-day
categories: [Careers]
description: MI prepared this talk for Global Diversity CFP Day 2021 and here is the high quality backup for posterity!
instances:
- venue: GDCFP Day
date: 2021-02-20
video: https://www.youtube.com/watch?v=Tz1Fotm-hnk
- title: Build and deploy dynamic Jamstack apps with AWS Amplify
slug: aws-amplify-2021
categories: [AWS]
description: Jamstack is a modern web development architecture built with JavaScript, APIs, and Markup. This new way of building websites and applications delivers performance, higher security, lower cost of scaling, and a better developer experience. In this session, you learn how to bring your Jamstack applications to life in record time when you develop and deploy with AWS Amplify. You also learn how to easily and quickly develop cloud-enabled applications with your choice of REST or GraphQL APIs, rapidly release new features, avoid downtime during application deployment, and handle the complexity of simultaneously updating the front end and backend of your applications.
instances:
- venue: AWS Reinvent
date: 2021-02-06
video: https://www.youtube.com/watch?v=nlifa0c-PFU
# 2020 Talks
- title: React Podcast
slug: reactpodcast2020
categories: [React]
description: swyx and Chantastic talk the state of React and the Coding Career Handbook.
instances:
- venue: React Podcast
date: 2020-09-17
video: https://www.youtube.com/watch?v=GSl2CbF77GM
- title: Growing a Meta-Language
slug: reactrally2020
categories: [React]
description: 7 years after release, React reaches millions of developers and billions of users. Its ideas have influenced other frameworks, even those in other languages like Swift UI and Jetpack Compose. What’s next? The community has been hard at work innovating in React formats, metaframeworks, and developer tooling. This fits an established pattern of how developer languages grow, and likely forms a roadmap for React in the Third Age of JavaScript.
instances:
- venue: Swyx YouTube
date: 2020-08-15
video: https://www.youtube.com/watch?v=18F5v1diO_A
- venue: React Rally
date: 2021-04-01
video: https://www.youtube.com/watch?v=Dz4q_bNDqfo
- title: The Future of Dev Tools with Minko Gechev (Angular Core Team)
slug: devtools-minko-gechev
categories: [Angular]
description: Minko has been working tirelessly for years on the Angular developer experience. We'll talk about the Language Server, Angular Schematics, and whatever else team Angular has been cooking up for developers!
instances:
- venue: Swyx YouTube
date: 2020-12-16
video: https://www.youtube.com/watch?v=ECvAl3Ii5vM
- title: Intro to Flutter and AWS Amplify
slug: intro-to-aws-amplify-and-flutter
categories: [AWS]
description: A General intro to AWS Amplify and Flutter on the Amplify with Friends show on the official AWS twitch stream
instances:
- venue: AWS Twitch
date: 2020-11-06
video: https://www.youtube.com/watch?v=AvTV1tWLv_s
- title: Lessons and Regrets from Shipping My $50000 Coronavirus Side Project
slug: lessons-and-regrets-50k
categories: [CodingCareer]
description: This talk is about my personal journey shipping my side project, LearnInPublic.org, from April to July this year. It involves both technical and nontechnical takeaways, from coding and designing the landing page and ecommerce fulfilment, to writing and marketing the book, all as a solo dev. Shipping side projects for money is a dream for many dev and I wanted to share what I learned doing mine.
instances:
- venue: JS.LA
date: 2020-09-29
video: https://www.youtube.com/watch?v=LJCyS8bFY80
- title: Typesafe, Fullstack React
slug: aws-typesafe-fullstack-react
categories: [AWS]
description: A live coding talk given at React Global Summit 2020, with React, TypeScript GraphQL with an AWS Amplify backend.
instances:
- venue: React Summit
date: 2020-09-17
tweet: https://twitter.com/swyx/status/1305994389362106370?s=20
video: https://www.youtube.com/watch?v=ja6meOLHjIg
- venue: Reactathon
date: 2020-12-08
video: https://www.youtube.com/watch?v=KgTW0xfyr9A&t=17107s
- title: Intro to AWS Amplify and AppSync
slug: intro-to-aws-amplify-and-appsync
categories: [AWS]
description: A General intro to AWS Amplify and AppSync
instances:
- venue: Singapore Serverless
date: 2020-10-14
video: https://www.youtube.com/watch?v=YwpInifIO8o
- title: Concurrent React From Scratch
slug: react-from-scratch
categories: [React]
desc: Cloning Concurrent React with React Fiber and discussing Time Slicing and Suspense
description: In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React! We will start with a blank js file and learn about how React renders components, schedules Time-Slicing updates with a Work Loop, add Hooks, and end off with a mini-clone of Suspense!
github: https://gist.github.com/sw-yx/f94dcb03adc7252ac0b735d7ba242890
instances:
- venue: Egghead
date: 2020-05-29
video: https://egghead.io/lessons/react-eggheadtalks-concurrent-react-from-scratch?af=95qfq1
- venue: Code with Kristian
date: 2020-05-15
video: https://www.youtube.com/watch?v=fKlt5GFQnVc
- venue: ByteConf React
url: https://www.bytesized.xyz/react-2020
date: 2020-05-02
video: https://www.youtube.com/watch?v=yeyiA9U8Ep8
- venue: ReactAdvanced London
url: https://reactadvanced.com/
date: 2019-10-25
video: https://www.youtube.com/watch?v=dFO4m7Y-yhs
- venue: EngineersSG
date: 2019-11-29
video: https://www.youtube.com/watch?v=8opFTK2shAc
- title: Open Source Your Knowledge
slug: open-source-knowledge
categories: [LearnInPublic]
github: https://gist.github.com/sw-yx/f5a509d5f4a54fff0ad50aa57d620848
description: We all believe in the power of open source for code. But when we open source our knowledge, we can get the same benefits and it will last longer than any line of code that we will ever write. NOTE - a written version of this is available in the Coding Career Handbook.
instances:
- venue: BelgiumJS
date: 2020-04-08
slides: https://docs.google.com/presentation/d/1XKbq4HcHW4_D4BrZeEE4ggB4p6XO4OBqXLeAt1Grsio/edit#slide=id.g8316066824_0_186
video: https://www.youtube.com/watch?v=XoATf7xGoUY
- title: The Operating System of You
slug: operating-system-of-you
categories: [Careers]
description: Developers are mostly humans that run the same "hardware". Therefore most performance differences, especially the ones we can control, are down to our "OS" - our conscious prioritization and processing - and "firmware" - our unconscious personality and reactions. What can we do to better take care of our "hardware", and what does running better "software" look like?
instances:
- venue: CascadiaJS
description: the truncated 20 min one that actually ran for the conference
url: https://2020.cascadiajs.com/speakers/shawn-wang
video: https://www.youtube.com/watch?v=KBi_LZTCrgU
date: 2020-09-24
- venue: CascadiaJS
description: my full length, 25 min recording.
slides: https://docs.google.com/presentation/d/1z43axgETtWGqPFlRDmqU11gb3aJnEH0y3MgSV5fchpM/edit?usp=sharing
url: https://2020.cascadiajs.com/speakers/shawn-wang
video: https://www.youtube.com/watch?v=D-Sj6jo4o1I
date: 2020-09-01
- venue: BelgiumJS
video: https://www.youtube.com/watch?v=IzK4IxHv3W0
slides: https://docs.google.com/presentation/d/1iHi3tULjAWeMpfjzpKtix-vzRItRSC4P_Osl0hkm_aY/edit?usp=sharing
date: 2020-06-23
- title: JAMstack Chat with Amazon Pay India Team
slug: jamstack-amazon-pay-india
categories: [Jamstack]
description: A recorded casual chat I had with the Amazon Pay India team on JAMstack topics. The audience is a mix of technical and nontechnical team members, so this is a more high level/introductory overview.
github: https://gist.github.com/sw-yx/7dfb9eee760ea948b15cdf2fcdcb9629
instances:
- venue: YouTube
date: 2020-07-23
video: https://www.youtube.com/watch?v=AXiodji_8Ec
- title: Coding Careers
slug: coding-careers
categories: [Careers]
published: true
description: A general talk about the Coding Career Handbook
instances:
- venue: Vincit
video: https://www.youtube.com/watch?v=iBwjAZvJhvI
slides: https://docs.google.com/presentation/d/1VsWoNEMzLeHllMUBn7Ti9Ed0j0r9wDXSaiTZ7K-vspw/edit?usp=sharing
date: 2020-06-24
- venue: Summer of Shipping
date: 2020-07-09
video: https://www.youtube.com/watch?v=F7AP7tfsM1Y
desc: A chat with Summer of Shipping students about Coding Careers - a slightly updated version of the Vincit Devs talk I gave.
description: A chat with Summer of Shipping students about Coding Careers - a slightly updated version of the Vincit Devs talk I gave. Philip Liao is doing a great thing with this program and the students asked good questions.
- venue: Fullstack Academy
date: 2020-04-16
video: https://www.youtube.com/watch?v=QFHO2-8fGtM
description: I chatted with David and Nimit, founders of the bootcamp where I started, about React and all the soft skills stuff I've been working on.
- venue: IncludeJS
date: 2020-04-14
video: https://www.youtube.com/watch?v=1ayI9j57VlQ
desc: 'I chatted with Eva on #LearnInPublic, teaching and career change!'
description: 'Chat with Eva from BeJS about career change, Free Code Camp, #LearningInPublic, online communities (such as ReactJS community on Reddit), the importance of writing and note-taking (and creating your second brain), public speaking and cats!'
- venue: Devto Youtube
date: 2020-11-11
video: https://www.youtube.com/watch?v=XZzChiXp8wM
description: I chatted with Nick Taylor and Christina Gorton from Dev.to on Svelte and the Coding Career Handbook!
- venue: Lambda School
date: 2020-12-06
video: https://www.youtube.com/watch?v=ilvwP4-7UXM
description: I chatted with Lambda School alums on the Coding Career Handbook!
- venue: MLH Fellowship
date: 2020-12-06
video: https://www.youtube.com/watch?v=Z2X-RsCVRas
description: I chatted with the MLH Fellowship students on the Coding Career Handbook!
- venue: High Tech High School
date: 2021-06-20
video: https://www.youtube.com/watch?v=2iacVfTQA7k
description: I chatted with these great High School students on the Coding Career Handbook!
- venue: FITC Conf
date: 2021-10-19
video: https://www.youtube.com/watch?v=S8GQL4qBJB4
description: I presented the Coding Careers talk to FITC Web Unleashed.
- slug: react-rally-metalanguage
title: Growing a Meta-Language
categories: [React]
desc: My React Rally 2020 talk on Dialects, Distros, Devtools, and the React SFC idea
description: 7 years after release, React reaches millions of developers and billions of users. Its ideas have influenced other frameworks, even those in other languages like Swift UI and Jetpack Compose. What’s next? The community has been hard at work innovating in React formats, metaframeworks, and developer tooling. This fits an established pattern of how developer languages grow, and likely forms a roadmap for React in the Third Age of JavaScript.
instances:
- venue: ReactRally
github: https://gist.github.com/sw-yx/dedf23e25e6955d29968b5eecd7d749e
url: https://www.reactrally.com/speakers
date: 2020-08-15
video: https://www.youtube.com/watch?v=18F5v1diO_A
slides: https://docs.google.com/presentation/d/1sBb7KjhSOiONML61fnYwkVI-7yzJCoP-Zgs6E37T-nY/edit?usp=sharing
- title: State of /r/ReactJS
slug: react-survey-2019-talk
categories: [React]
desc: Presenting Results from the 2019 /r/ReactJS survey
description: Presenting Results from the 2019 /r/ReactJS survey
instances:
- venue: ThisDotMedia
url: https://www.swyx.io/writing/react-survey-2019/
date: 2020-02-19
slides: https://docs.google.com/presentation/d/1M-JUtp9I5_gSk8OpV9Adk9sYzhoU-VNcwz9RUJ1-8Sw/edit#slide=id.p
video: https://youtu.be/RCtqCDiNLvU?t=190
- title: What's New in React
slug: react-whats-new
categories: [React]
description: The React ecosystem is extremely fast moving and it can be hard to keep up. In 2019, the STAR thesis – Design Systems, Static Typing, Smart APIs, and Static/Server Rendering – mostly worked out. Is it over? What's next? Let's take stock of how React is evolving in 2020, and take some guesses at what you should be checking out and investing in.
instances:
- venue: IonicConf
date: 2020-06-24
slides: https://docs.google.com/presentation/d/1s2mcumHDA-sSCf9eDWNGnVfApgtGwRBhI4fV4i4nFkU/edit?usp=sharing
video: https://www.youtube.com/watch?v=Qox56z4xH6o
- venue: IonicConf livestream
date: 2020-06-24
video: https://youtu.be/xh-B-AtsLJc?t=3944
- title: Data Fetching For Developers Who Are New to Svelte And Wanna Learn To Do Other Stuff Good Too
slug: svelte-data-fetching
categories: [Svelte]
repo: https://github.com/sw-yx/svelte-data-fetching
desc: my first talk for svelte society online conf :)
description: Here at the Svelte Society For Developers Who Are New to Svelte And Wanna Learn To Do Other Stuff Good Too, we teach you that there's more to life than making really, really ridiculously good-looking apps. You can also make them with a lot less code.
instances:
- venue: SvelteSociety
date: 2020-04-26
video: https://www.youtube.com/watch?v=_K7LRy6IP_4
- venue: SvelteSociety
date: 2020-04-26
video: https://www.youtube.com/watch?v=nR8XRpin4OI&feature=youtu.be
- title: Svelte for React Devs
slug: svelte-for-react-devs-js-morocco
categories: [Svelte]
description: A livecoded introduction to Svelte for React Devs
instances:
- venue: YouTube
date: 2020-05-30
video: https://www.youtube.com/watch?v=iUbBm5YhJfY&feature=youtu.be
- title: Intro to Svelte and Svelte Ecosystem
slug: svelte-intro-ecosystem
categories: [Svelte]
github: https://gist.github.com/sw-yx/28fe6da657660fec0d15fa2fa8c35f1c
url: https://www.eventbrite.com/e/javascript-and-friends-online-meetup-svelte-tickets-90472245923
description: Svelte is an exciting, newer JavaScript framework that was designed from the ground up with compilation and developer experience in mind. Yet the compiler can be a black box - how can a tiny framework ship so many features? This talk is a deep dive into Svelte's compiler and runtime to demystify this brilliant approach to solving the tradeoff between DX and UX.
instances:
- venue: JSandFriends
date: 2020-02-19
video: https://www.youtube.com/watch?v=XQi4kd-6SSQ&feature=youtu.be
- title: Svelte Preprocessors and How to Write Them
slug: svelte-preprocessors
categories: [Svelte]
description: Svelte is a superset of HTML - but what if we don't want to write HTML? In this livecode talk we explore how Svelte preprocessors work, letting you write Sass, Pug, and even TypeScript inside of your Svelte comopnents!
instances:
- venue: SvelteSociety
date: 2020-06-11
video: https://www.youtube.com/watch?v=QCrpZBsCSq8
- title: Svelte and the Great Space Elevator
slug: svelte-space-elevator
categories: [Svelte]
slides: https://docs.google.com/presentation/d/1fTdTyCVdiHC7PvyYRzmessS09TfLFDXEk50aRhb-JRM/edit#slide=id.g82f12b5bf5_2_290
description: Modern JS frameworks have run into a quandary - what we write is what we ship. Despite our best efforts at minifying and treeshaking, we cannot fight the fact that adding features means adding JS bundle size. This means we are often trading off user experience against developer experience for every fatiguing decision we make. But it doesn't have to be this way. As Tom Dale predicted, Compilers are the new Frameworks. Svelte is an exciting, newer JavaScript framework that was designed from the ground up with compilation and speed. In this talk, we'll look under its hood to understand how it works, so you know when and why you'd want to use it in future. Don't worry, it isn't Rocket Science!
instances:
- venue: SvelteSociety
date: 2020-04-17
video: https://youtu.be/atOIxTHylF8
- title: Intro to Svelte Stores
slug: svelte-stores
categories: [Svelte]
slides: https://docs.google.com/presentation/d/1WbHCfA8dxX09xrIhXQeHx3DWNxoy8Y0VN6U5iOMnkOw/edit
description: A proper introduction to Svelte Stores
instances:
- venue: SvelteSociety
video: https://youtu.be/zq6PpM5t3z0?t=360
date: 2020-01-08
# todo: concurrent react from scratch
# todo: reactiflux q&a
# 2019 Talks
- title: Getting Closure on Hooks
github: https://codesandbox.io/s/izqhl
slug: react-hooks
categories: [React]
desc: Cloning the React Hooks API in raw JS
description: The design of React Hooks requires a good understanding of closures in JavaScript. In this talk, we’ll reintroduce closures by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how you get Custom Hooks and the Rules of Hooks out of this incredible mental model!
url: https://2019.jsconf.asia/#program
instances:
- date: 2019-03-30
venue: Reactathon (Lightning Talk)
video: https://youtu.be/Wt4kuspJIxY?t=3236
url: https://twitter.com/swyx/status/1100809424963219456
- venue: JSConf Asia
date: 2019-06-18
video: https://www.youtube.com/watch?v=KJP1E-Y-xyo
- venue: Livestream
date: 2019-06-18
video: https://youtu.be/9jWwO7McMbU?t=9451
- venue: Rehearsal
date: 2019-06-18
video: https://youtu.be/6zDQBnbGQx8
- venue: Meetup
date: 2019-06-18
video: https://www.youtube.com/watch?v=il43iId9JQA
- title: I can Babel Macros (and So Can You!)
slug: babel-macros
categories: [Babel]
desc: An introduction to Babel Macros and how they can solve DX vs UX tradeoffs
description: Babel macros are a new way to solve DX and UX tradeoffs by metaprogramming to write code the way that is best for you while delivering code that is best for the user. Case in point, JSX - but why stop there? In this talk we explore how I wrote babel-blade to solve the double declaration problem in clientside GraphQL libraries, and how to get started writing your first babel macro!
github: https://gist.github.com/sw-yx/9e0d62b60ea8b5711ced2bb2f97b43ec
misc:
- cfp: Hi organizers! Babel is a core part of the JS ecosystem, and I think still very underexplored/underappreciated because of the perception that it is hard to get into and limited to transpiling JSX and TC39 proposals. With the increasing adoption of babel-plugin-macros (adopted by large ecosystems like React) the addressable space for babel has -exploded-. Essentially making it possible to move computation and metaprogramming from run time to build time making for faster apps -and- a better developer experience! I want to tell the world!!
instances:
- venue: JSConfHI
date: 2019-02-07
url: https://www.jsconfhi.com/schedule/
video: https://www.youtube.com/watch?v=1WNT5RCENfo
- title: Adaptive Intent-based CLI State Machines
slug: intent-based-cli
categories: [CLI]
github: https://gist.github.com/sw-yx/3af1e264b8460af8897768045b2c229f
desc: Oclif does a lot of nice things, like offering flag and argument parsing, help documentation, and pluggability. That's good for the CLI developer. But what about the CLI user? Instead of viewing our CLI's as simple harnesses for procedure calls, how can we add an intelligent layer to interpret to user intent and guide them down a pit of success? How can we make our CLI's improve using information gained over time?
instances:
- venue: OclifConf
url: https://oclif.io/conf
date: 2019-05-31
video: https://www.youtube.com/watch?v=ZueoIYnHiaI&feature=emb_title
- venue: OclifConf
url: https://oclif.io/conf
date: 2019-05-31
video: https://www.youtube.com/watch?v=1_w1YWCHXFg
- title: Introduction to TypeScript
slug: intro-to-typescript
categories: [TypeScript]
url: https://mobile.twitter.com/swyx/status/1166487148331184128
desc: a 1hr netlify workshop introducing people to TS
description: TypeScript is a megatrend in JavaScript, going from 46% of npm survey respondents in 2018 to 62% in 2019. This is an introduction to TypeScript for those familiar with JavaScript with a Q&A at the end. A 1hr internal Netlify lunch & learn.
instances:
- venue: Netlify
date: 2019-09-03
video: https://www.youtube.com/watch?v=YDK8sYCgbDw
- title: JAMStack Jumpstart - Gatsby + Netlify
slug: jamstack-jumpstart
categories: [JAMstack]
url: https://2019.jsconf.asia
github: https://gist.github.com/sw-yx/6ea04fd9b594a56a840dd650863626bb
desc: A 3-4hr workshop to introduce JAMstack and get started with Gatsby and Netlify
description: There is a lot of developer and investment interest in JAMStack technologies, from the serverless movement to new authentication models to continuous atomic deployment to the static site generator renaissance. But with so many new terms and options, it is hard for people to figure out where to start. This workshop will teach developers to set up a simple but state of the art Gatsby and Netlify stack, which lets people create blazing fast sites and apps with React and GraphQL, backed up by a continuous deployment and serverless platform complete with authentication and CMS. It has never been easier to get a great Lighthouse score, or to deploy complex, secure webapps for free.
instances:
- venue: JSConfAsia
date: 2019-06-15
video: https://www.youtube.com/watch?v=s-l99ZzR77k
- venue: JSConfAsia
date: 2019-06-15
video: https://www.youtube.com/watch?v=PoqWF9BKtOE
- venue: MidDevCon
date: 2019-08-26
video: https://www.youtube.com/watch?v=PoqWF9BKtOE
- title: The Rise of JAMStack
slug: jamstack-rise
categories: [JAMstack]
url: https://oredev.org/
desc: An introduction to the JAMstack from a historical perspective as the next evolution from LAMP and MEAN stacks
description: 20 years ago, Michael Kunze coined the LAMP stack to describe the success of open source architecture on the web, but it also betrayed the server-centric world of the time. 5 years ago, Val Karpov described the MEAN stack as a JavaScript centric alternative straddling frontend and backend worlds. A lot has happened since then. React rose to dominance, AWS Lambda started the Serverless movement, the "API economy" arose to serve developers, and Static Site Generators came back in a big way. What is driving this new stack of Javascript, APIs, and Markup?
misc:
- You will learn about the historical context of developer focus and product differentiation moving from backend to frontend
- You will be able to explain the problems with serverful architecture
- You will have a better understanding of the growing startup and open source ecosystem building around the JAMstack
- You will be able to explain what exactly the fuss is about the JAMstack
instances:
- venue: Oredev
date: 2019-11-07
video: https://www.youtube.com/watch?v=QgKvRylmPfk
- title: JAMStack - The Total Victory of JavaScript
slug: jamstack-victory-jsla
categories: [JAMstack]
desc: An introduction to the JAMstack from a historical perspective and how it finally lets JS "win"
description: A lot has happened in the five years since Val Karpov coined the MEAN stack to describe "Full Stack" Javascript stacks. React rose to dominance, AWS Lambda started the Serverless movement, and Static Site Generators came back in a big way. What is driving this new stack of Javascript, APIs, and Markup? This is the story of how a JAMstack cynic finally turned into a believer.
instances:
- venue: JS.LA
url: https://js.la/events/2019/
slides: https://www.slideshare.net/ShawnWang36/jamstack-the-total-victory-of-javascript-jsla-feb-2019
date: 2019-02-28
video: https://www.youtube.com/watch?v=vOUcPI2mljU
- url: https://jscamp.tech/
venue: JSCamp
date: 2019-07-19
video: https://www.youtube.com/watch?v=WVayQ66AGa4
slides: https://noti.st/swyx/gl7P6h/jamstack-the-total-victory-of-javascript
- title: Learn In Public
slug: learn-in-public-nyc
categories: [LearnInPublic]
description: Developers are used to the idea of constant learning, especially in the fast moving Javascript ecosystem. But how often do we take a step back from learning to consider -how- we learn? In this talk we explore how Learning in Public can accelerate your career, bring value to your professional network, and ultimately make you a better developer, with examples all drawn from personal and other experience.
github: https://gist.github.com/sw-yx/505d15ed3e7febdab3aa3d25ee81f652
instances:
- venue: VueNYC
date: 2019-07-31
video: https://www.youtube.com/watch?v=znNxtSbuBjI
- venue: JRDevSG
date: 2019-06-20
video: https://www.youtube.com/watch?time_continue=6&v=-f-rZepNKW0
desc: An unrehearsed, raw, off the cuff talk about the LearnInPublic philosophy for internal Shopee developers. First ever nontechnical talk.
- venue: JRDevSG
date: 2019-12-12
video: https://www.youtube.com/watch?v=GxdhfnzuamY&feature=emb_title
desc: An unrehearsed, raw, off the cuff talk about the LearnInPublic philosophy for the JrDevSG crowd.
- venue: Thunder Nerds
tweet: https://twitter.com/thundernerds/status/1444725115766415364?s=20
desc: In this episode, we talk with SWYX, author, speaker, podcaster, and learning in public evangelist. We dive into his career history in finance and how he transitioned into development. We also discuss the challenges of Developer Experience, the advantages of learning in public, and lessons learned from podcasting.
date: 2021-10-03
video: https://www.youtube.com/watch?v=lHG4rNmzQq4
- title: Complete Intro to Netlify in 3.5 hours
slug: netlify-freecodecamp-intro
categories: [Netlify]
url: https://www.netlify.com/blog/2019/10/07/complete-intro-to-netlify-in-3.5-hours/
github: https://gist.github.com/sw-yx/f1b8eb239559feb7e3d97b0e05564b6d
instances:
- venue: FreeCodeCamp
date: 2019-10-07
video: https://www.youtube.com/watch?v=mT5siI19gtc
url: https://www.netlify.com/blog/2019/10/07/complete-intro-to-netlify-in-3.5-hours/
- title: Lunch & Learn - Develop, Test, and Deploy Serverless Functions
slug: netlify-functions-lunchnlearn
categories: [Netlify]
url: https://smashingconf.com/toronto-2019/lunch-sessions
desc: This show-and-tell session will look at what you can do with serverless functions, how to get started creating and locally testing them with Netlify Dev, and finally deploying them as Netlify Functions with atomic deployments and instant rollbacks.
description: Making dynamic app functionality on the JAMstack often involves writing custom APIs as "glue code", "token hiders" and other business logic traditionally done on the server. Even _without_ a JAMstack architecture, serverless functions can be a great add-on, autoscaling solution for additional functionality for existing apps. It should be -easy- to spin up these serverless functions, but learning, testing and deploying them can often be more trouble than they are worth. This show-and-tell session will look at what you can do with serverless functions, how to get started creating and locally testing them with Netlify Dev, and finally deploying them as Netlify Functions with atomic deployments and instant rollbacks. Static has never looked this dynamic!
instances:
- venue: SmashingConf Toronto
date: 2019-06-26
video: https://www.youtube.com/watch?v=iLc8rXlLoMU
- venue: SmashingConf Toronto (Back)
date: 2019-06-26
video: https://www.youtube.com/watch?v=CdSwZZVnq6Q&feature=youtu.be
- venue: SmashingConf NYC
date: 2019-10-16
url: https://smashingconf.com/ny-2019/lunch-sessions
video: https://youtu.be/ewV-IGt0yls
description: A shorter, 20min version of the 1hr lunch 'n learn done at SmashingConf Toronto https://www.swyx.io/speaking/netlify-functions-lunchnlearn.
- title: Intro to Netlify for React Devs
slug: netlify-intro-lightning
categories: [Netlify]
url: https://reactknowledgeable.org/meetups/5/
desc: An intro to Netlify for the inaugural React + JAMstack Singapore meetup.
github: https://gist.github.com/sw-yx/09678b6fd9b756362d4e033ee1c32649
instances:
- venue: ReactKnowledgeable
date: 2019-12-05
video: https://www.youtube.com/watch?v=o-Cp53QAQwM&feature=share
- title: Programming TypeScript
subtitle: Cultural Learnings of Programming for Make Benefit Glorious Users of TypeScript
slug: programming-typescript
categories: [TypeScript]
url: https://www.meetup.com/TypeScriptNYC/events/263420132/?action=rsvp&response=yes
desc: some notes from Programming TypeScript, a book report
description: this is a book report version of some things i learned from reading Programming TypeScript https://twitter.com/swyx/status/1135525665971695617
instances:
- venue: TypeScriptNYC
date: 2019-08-07
video: https://www.youtube.com/watch?v=B-gANQc0giM&feature=youtu.be
- title: A Gentle Introduction to React and TypeScript
slug: react-typescript
categories: [TypeScript]
url: https://www.meetup.com/Real-World-React/events/256448268/
desc: a live coding demo of starting with typescript for react devs
description:
"TypeScript is increasingly being adopted in React apps at scale, from AirBnb to Shopify to Atlassian. In this live coding talk, we walk through best practices and introduce everything you need to know to get started, WITHOUT getting lost in arcane generic type logic!
The theme of this talk is showing how TypeScript (TS) tooling helps write and document apps at scale. We'll do:
- a live coding demo of starting with typescript for react devs
- end with some resources and discussions of pitfalls"
instances:
- venue: Real World React
date: 2019-01-17
video: https://www.youtube.com/watch?v=TcDFd9W2Y2A
- title: Serverless GraphQL
slug: serverless-graphql
categories: [GraphQL]
desc: A basic talk on how serverless functions work with GraphQL
description: GraphQL is often synonymous with the return of Monolithic architecture. Does this mean the benefits of Serverless are irrelevant? In this talk we explore how Serverless and GraphQL work together, explore ways to stitch individual function schemas, and get hard numbers to fight performance concerns.
github: https://gist.github.com/sw-yx/f099b6d197658e8818ceb5eefa490d1a
instances:
- venue: GraphQL Asia
url: https://www.graphql-asia.org/
date: 2019-04-12
video: https://www.youtube.com/watch?v=lq_He6Buv14
- venue: Apollo Day
date: 2019-05-21
alt-title: Serverless GraphQL with Netlify Dev
url: https://www.youtube.com/watch?v=rCYOpTQReD4
- title: 'Compile Svelte in Your Head (Lightning Talk)'
slug: svelte-compile-lightning
categories: ['Tech', 'Svelte']
desc: A great way to break the black box of Svelte is to look at the compiled output. This helps you understand both the runtime and the compiler.
description: a fuller discussion of this was done by Tan Li Hau https://lihautan.com/compile-svelte-in-your-head-part-1/
github: https://gist.github.com/sw-yx/6a3f3c0bbab7c5b328bc60526b673441
instances:
# - date: 2019-10-01
# description: A lightning talk for Svelte Society Oct 1
# venue: SvelteSociety
- date: 2019-12-06
venue: ReactKnowledgeable
video: https://www.youtube.com/watch?v=FNmvcswdjV8
- title: Introducing Svelte Site Generator
slug: svelte-intro-ssg
categories: ['Tech', 'Svelte']
description: A lightning talk for Svelte Society November
slides: https://docs.google.com/presentation/d/1xvErwRiPjeVT2O9qIAoFpT0cSCpt37FHmK4QFuUE1ls/edit?usp=sharing_erl&[email protected]&ts=5dc0be33
instances:
- venue: SvelteSociety
date: 2019-11-04
video: https://www.youtube.com/watch?v=JEH0V-zNGUk
- title: Immutability is Changing
subtitle: From Immutable.js to Immer
slug: immutability-is-changing
categories: [Immutability]
github: https://gist.github.com/sw-yx/0f7419f29e4ece87446dcd51a43d3855
url: https://www.netlify.com/blog/2018/09/12/the-rise-of-immer-in-react/
desc: Why Immutability in JS and why you shouldn't use Immutable.js to do it
description: The need for immutability in JavaScript isn’t obvious, but Immutable.js swept the Javascript world in 2015 when it enforced a stricter, more functional approach to code without any need for deep comparisons. Then Immer was introduced in 2018, and took the Javascript world by storm. What's different? What's better? And what do ES6 Proxies have to do with it?
instances:
- venue: Rehearsal
date: 2019-01-24
video: https://www.youtube.com/watch?v=CbDD3c1KbKI
- venue: ForwardJS Official Recording
url: https://forwardjs.com/schedule
date: 2019-01-24
video: https://www.youtube.com/watch?v=JPIxZaVux_k
- venue: ForwardJS Self Recording
url: https://forwardjs.com/schedule
date: 2019-01-24
video: https://www.youtube.com/watch?v=bFuRvcAEiHg
- title: STAR Apps
slug: star-apps-talk
categories: [React, TypeScript]
github: https://gist.github.com/sw-yx/531f6e848496c8744d8ee010d40a2e5a
url: https://css-tricks.com/star-apps-a-new-generation-of-front-end-tooling-for-development-workflows/
desc: A 1hr talk about Storybook, TypeScript, Apollo GraphQL, and React
description: A new front-end stack is emerging, with one theme - constraints that scale. They involve building Design Systems for visual consistency, using TypeScript for internal consistency, Apollo GraphQL for data manipulation, and server- or statically-rendered React for data representation. In this talk we explore how these trends fit together, and _why_ leading product teams from AirBnb to the New York Times are embracing them.
instances:
- venue: All Things Open
date: 2019-10-14
url: https://allthingsopen.org/schedule/
video: https://www.youtube.com/watch?v=vLVnwlrMDD0
tweet: https://twitter.com/swyx/status/1183884912321060864
- venue: SV Code Camp
date: 2019-10-19
img: https://user-images.githubusercontent.com/6764957/93413645-4b65ba00-f8d2-11ea-92db-6ea67a4a5094.jpg
url: https://www.siliconvalley-codecamp.com/Session/2019/star-apps-design-systems-typescript-apollo-graphql-and-react
video: https://www.youtube.com/watch?v=avJkYrfvutk
- title: A Skeptic's Intro to the JAMstack
slug: jamstack-skeptic
categories: [JAMstack]
github: https://gist.github.com/sw-yx/8b8c13f9608c6aea21ec424b4bd10f7c
desc: An introduction to the JAMstack from a skeptical perspective
description: A delightful exploration of how JavaScript web apps, serverless APIs, the static-site renaissance, and Git-centric workflows are enabling a whole new architecture, from a fellow skeptic wary of marketing acronyms.
instances:
- venue: Asbury Agile
date: 2019-10-04
url: https://www.asburyagile.com/schedule
video: https://www.youtube.com/watch?v=DD6KTAGrj3E
img: https://user-images.githubusercontent.com/6764957/93413819-aa2b3380-f8d2-11ea-8bbb-f51b384b9a6f.jpeg
- venue: All Things Open
date: 2019-10-14
video: https://www.youtube.com/watch?v=yzY1vIQmVUA&feature=youtu.be
tweet: https://twitter.com/swyx/status/1183886538251423744
url: https://allthingsopen.org/schedule/
- venue: JSCamp Barcelona
date: 2019-07-14
video: https://www.youtube.com/watch?v=WVayQ66AGa4
slides: https://noti.st/swyx/gl7P6h/jamstack-the-total-victory-of-javascript
url: https://jscamp.tech/speakers/2019/shawn-wang/
img: https://user-images.githubusercontent.com/6764957/93413812-a5667f80-f8d2-11ea-8a4f-d51c88c6c99e.jpeg
# todo: make into a blogpost
# ai cli state machines
# Introduction to TypeScript
# JAMStack Jumpstart - Gatsby + Netlify
# Learn in public nyc talk
# star apps
# the hooks talk
# # template pls ignore
# - title: Template
# slug: template
# categories: [Template]
# desc: description
# url: optional
# github: optional
# misc: optional
# instances:
# - venue: Fullstack Academy
# video: https://youtu.be/7OHXz7vXC0g
# date: 2017-09-29
# slides: https://slides.com/swyx/heaps#/
# todo
# link up React's New Defaults to blogpost
# blogpost Why Contribute to Open Source?
# blogpost Why React is -NOT- Reactive
# 2017-2018 Talks
- title: Heaps
slug: fullstack-heaps
categories: [Data Structures]
desc: Bootcamp talk - guide to the Heap data structure and where they are used
instances:
- venue: Fullstack Academy
date: 2017-09-29
slides: https://slides.com/swyx/heaps#/
- title: Crossbones
slug: fullstack-crossbones
categories: [React Native]
github: https://github.com/sw-yx/crossbones
url: https://www.fullstackacademy.com/hackathon-presentations/crossbones-fullstacks-react-native-boilerplate
desc: a React Native boilerplate for a hackathon
instances:
- venue: Fullstack Academy
date: 2017-09-29
video: https://www.youtube.com/watch?v=QFIj6iiqjWw
- title: React Trip Planner
slug: fullstack-react-trip-planner
categories: [React]
github: https://github.com/sw-yx/FSA-React-Trip-Planner
desc: a guided workshop on converting a vanilla JS app into React for the first time.
instances:
- venue: Fullstack Academy
date: 2017-08-17
video: https://www.youtube.com/watch?v=M6rL0PXxPHs
- title: Babel ❤️ GraphQL
slug: babel-heart-graphql
categories: [Babel, GraphQL]
desc: Babel plugins can help solve DX and UX tradeoffs by metaprogramming to while delivering code that is why stop there? In this talk we explore how babel-blade solves the double declaration problem in all get started writing your first babel plugin!
url: https://babel-blade.netlify.com/
github: https://github.com/sw-yx/babel-blade
misc:
feedback: https://shawnwang3.typeform.com/to/OYtqZ7
description2: Babel-Macros were shipped with Create-React-App v2 - but what are they? What can you do with them? In this lightning talk we discuss how babel macros differ from plugins, and my recent work with babel-blade creating an inline GraphQL compiler that works with all React GraphQL clients.
description3: Babel-Macros were shipped with Babel v7 - but what are they? What can you do with them? In this lightning talk we discuss how babel macros differ from plugins, and my recent work with babel-blade creating an inline GraphQL compiler that works with all clientside GraphQL clients.
graphqlasianotes: No technical requirements apart from internet connection. I am the best person to speak on the subject because I made this macro https://babel-blade.netlify.com. Initially it was just a cool toy but then people at Coursera, Netflix, FB, and Adobe have picked up it telling me to keep going so I am applying for a lightning talk so I can spread the idea and get feedback/collaboration with the major clientside GraphQL clients!
instances:
- venue: React Boston
date: 2018-09-28
video: https://youtu.be/7OHXz7vXC0g
- venue: GraphQLNYC
date: 2018-09-28
video: https://youtu.be/30wOsJOluA4?t=497
- title: Contributing to React
slug: contributing-to-react
categories: [React, Open Source]
desc: My very first public talk at a meetup, on Contributing to React. This went really well and Dan Abramov even added it to the React docs to guide people!
github: https://github.com/sw-yx/react-contributing
url: https://reactjs.org/docs/how-to-contribute.html
instances:
- venue: ReactNYC
date: 2017-12-15
video: https://www.youtube.com/watch?v=GWCcZ6fnpn4
slides: https://github.com/sw-yx/react-contributing
- title: Creating Create-React-App
slug: creating-cra
categories: [React]
github: https://github.com/sw-yx/create-react-app-parcel
desc: diving into the history of CRA, how CRA works, and my experience making create-react-app-parcel
misc:
description: We all use create-react-app but how much do we know about how it works internally? In this talk we discuss how I recently dived into the source code for create-react-app to make a fun clone! It looks intimidating but is really not, once you get a hang of how lerna monorepos work and try making one of your own. Watch this and then go make your own create-awesome-app!
note: '[max stoiber](https://github.com/mxstbr/mxstbr.com/blob/b7b1471541cb9fee679115bb29ded8ef14d65bfa/data/old-blog-posts/2016/12/a-dream-come-true.md#create-react-app) notes that `eject` used to be named `graduate`'
instances:
- venue: ReactNYC
video: https://www.youtube.com/watch?v=Et571vTAtT8
slides: https://www.beautiful.ai/player/-LD4eaMxlqSlCy6biPmZ/Creating-Create-React-App
date: 2018-06-21
- title: Never Bundle React Again
slug: never-bundle-react-again
categories: [Bundling]
url: https://slides.com/swyx/never-bundle-react-again#/
desc: a rehash of MJackson's React Rally 2017 talk but I am not very proud of it
instances:
- venue: ReactNYC
date: 2018-02-13
video: https://www.youtube.com/watch?v=rPuwZJEA-9U
- title: React Suspense
slug: react-suspense
categories: [React]
url: https://slides.com/swyx/react-suspense
desc: a compendium of everything discussed about the React Suspense API
instances:
- venue: ReactNYC
video: https://www.youtube.com/watch?v=eRvbh5C6Lj0
date: 2018-04-22
- title: React's New Defaults
slug: reacts-new-defaults
categories: [React]
url: https://github.com/sw-yx/talk-reacts-new-defaults
desc: a talk about the Why of Suspense, Time Slicing, and Hooks in React
misc:
description: Concurrent React and React Hooks aren't simply new ways to do old things. They represent a new, stronger opinion of what apps should do by default. Let's explore the -Why- of React's new APIs!
discussion:
"This is a talk version of a popular blogpost I wrote: https://gist.github.com/sw-yx/17965a31413acb461c4d64028527011e
The structure:
- Introduce the future roadmap of React
- Talk about the importance of good defaults in Technology
- Introduce the new defaults in Concurrent React and React Hooks
- Introduce a demo Movie app with today's React
- Demonstrate the drawbacks inherent in our current defaults
- Introduce React suspense, live code into the Movie app
- Talk about time slicing and the scheduler API
- Introduce React Hooks, live code into the Movie app
- Talk about Immediate mode vs Retained mode, and the DX Mullet
- Conclude by contrasting the current defaults vs the better defaults introduced by the new React APIs
"