This video is sponsored by https://devcycle.com/
Follow me on Mastodon: https://hachyderm.io/@fasterthanlime
Support me on Patreon or GitHub: https://fasterthanli.me/donate
More details about how my website work:
A new website for 2020: https://fasterthanli.me/articles/a-ne...
Don't shell out (asset pipeline): https://fasterthanli.me/series/dont-s...
Updating fasterthanli.me for 2022: https://fasterthanli.me/series/updati...
If you liked how I do deploys, check out this playlist, which describes a similar scheme:
• Silly Fast Fresh Deploys with Rust
Contents
00:00 - Start
00:04 - Intro
00:48 - The plan? Manipulate the DOM
01:35 - How fasterthanli.me works
03:43 - Finding your way around a large codebase
04:37 - Chrome DevTools 101
05:50 - Mapping a NodeList?
06:33 - The dirty way: outerHTML
07:31 - The clean way: template + insertBefore
07:58 - Generating a YouTube embed
08:50 - Styling the callout
09:33 - How fasterthanli.me is deployed
10:25 - What are feature flags?
11:32 - Creating a feature flag
12:20 - The DevCycle JavaScript Client SDK
13:20 - Injecting the SDK key
13:50 - Evaluating a variable
14:05 - Targeting rules basics
14:33 - Adjusting variations
15:23 - Parsing URLs in JavaScript
15:42 - Enabling a feature flag in production
16:20 - Custom properties
17:19 - Passing custom data
17:36 - Reproducible rollouts
18:29 - Feeding the real tags
20:02 - Advanced targeting rules
20:41 - Conclusion
21:01 - Thanks