420: What are Blocks?

420: What are Blocks?

From CodePen Radio by CodePen Blog

March 11, 2026

About this episode

This episode discusses the concept of Blocks in CodePen 2.0 and how they relate to code processing.

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

People in this episode

Host: CodePen Blog

Topics covered

  • CodePen
  • Blocks
  • TypeScript
  • JavaScript
  • Lodash
  • Code Processing

Keywords

  • CodePen
  • Blocks
  • TypeScript
  • JavaScript
  • Lodash
  • npm
  • code processing

Mentioned in this episode

Organizations: CodePen, npm

Products: TypeScript, Lodash

More episodes of CodePen Radio

Explore listener stats, chart rankings, contacts and more on the CodePen Radio podcast page.