With CodePen 2.0, we’ve got a new word we’re using: Blocks. A way to think about Blocks is anything that processes code. They are added as steps to the CodePen Compiler as needed. For example, TypeScript is a block, because it processes files in the TypeScript syntax into JavaScript files. But something like Lodash is not a block. Lodash is a package from npm (which we also handle, but that’s a topic for another podcast). Lodash doesn’t process code, it’s just a library that is linked up or bundled.
Time Jumps
- 00:00:05 Let’s get blocked!
- 00:00:32 The CodePen Compiler
- 00:01:31 What does a Block mean in CodePen?
- 00:12:01 We have a Vite block
- 00:14:19 What are Base Blocks?
- 00:20:00 Built in Blocks work automagically
- 00:23:38 What’s the Classic Block?
Video Subscribe on YouTube