Rapid Application Development with Code Generation

Table of Contents

• 

  Introduction

  00:00:00 - 00:06:22 View Transcript

  Lukas Ruebbelke introduces the course by providing an overview of the material to be covered and the course's end goal. A demonstration of a possible end project for this course is also covered in this segment.

• 

  String Manipulation

  00:06:23 - 00:16:52 View Transcript

  Lukas discusses the various functions used for string manipulation, including Array.split, Array.join, Array.map, and Array.reduce. A code example walkthrough of using .split and .join to manipulate strings is also provided in this segment.
• 

  Dynamically Invoking Methods

  00:16:53 - 00:28:57 View Transcript

  Lukas live codes dynamically invoking methods, including a single invocation, sequenced invocation, mapped invocation, and reduced invocation. The techniques used in this segment will be used as a foundation for the tools created in this course.

• 

  Nouns, Verbs, Conditionals, & Iterators

  00:28:58 - 00:35:53 View Transcript

  Lukas discusses having the goal of gaining a deeper understanding of what is already understood. The concept of mastery of a subject being boiled down to the deep knowledge of its essential parts is introduced in this segment.
• 

  Rapid Prototyping Mindset

  00:35:54 - 00:50:26 View Transcript

  Lukas discusses limiting beliefs around rapid prototyping, the barrier between interactive mocks and high-fidelity prototypes, and the relationship between skill and effort. The concept of prototypes being disposable because they are immutable and not because they are inferior is introduced in this segment.
• 

  Prototyping Q&A

  00:50:27 - 01:00:12 View Transcript

  Lukas answers student questions regarding if call and apply will be covered, how to lead a conversation regarding throwing away versus productizing a prototype, and what metrics can be used to validate trying a new idea.

• 

  Code Generation Overview

  01:00:13 - 01:12:09 View Transcript

  Lukas discusses managing code complexity, vertical development, horizontal development, and emerging patterns. When clear functional cohesion is achieved from cleanly abstracted layers, natural patterns of convention will emerge.
• 

  Architecture Overview

  01:12:10 - 01:22:26 View Transcript

  Lukas discusses architecture patterns used to condense and simplify codebases and different code layers being conventional or complex. Examples of reduced segments of code, including actions, selectors, reducers, wiring, HTTP services, and containers, are also provided in this segment.

• 

  Domain Models

  01:22:27 - 01:39:43 View Transcript

  Lukas discusses making inferences from domain models and utilizing code generators to build forms quickly. A student's question regarding dynamically generating props is also discussed in this segment.
• 

  Code Snippets Demo

  01:39:44 - 01:46:24 View Transcript

  Lukas demonstrates generating a props schema with dynamic variables to assist with quickly building forms while avoiding copy and pasting code.
• 

  Utility Functions

  01:46:25 - 01:57:51 View Transcript

  Lukas discusses the challenge of model name variations, experimenting with building a pre-existing library for better understanding, and walks through examples of using and combining simple utility functions for manipulating text.
• 

  Model Name Variations

  01:57:52 - 02:05:41 View Transcript

  Lukas walks through building out a name variation generator, including base variations, plural versions, and adding parameters. This domains model variations object can be used to quickly and efficiently hydrate templates.
• 

  CLI

  02:05:42 - 02:23:16 View Transcript

  Lukas demonstrates utilizing CLIs to quickly generate the entire structure of an application, including placeholder components and redux slices for defined entities. A student's question regarding how to adapt this approach to changes within the domain model is also covered in this segment.
• 

  Generators

  02:23:17 - 02:35:33 View Transcript

  Lukas walks through generating templates and updating an Axios template to generate the appropriate domain model. A brief walkthrough of utilizing a reducer template generator is also provided in this segment.
• 

  Generating Layers

  02:35:34 - 02:45:43 View Transcript

  Lukas discusses the differences between generating a single template output and generating all of the templates. A demonstration of defining schemas, inserting them into an array, looping over the array, and reducing them to an output is also provided in this segment.
• 

  Generating Stacks

  02:45:44 - 02:54:09 View Transcript

  Lukas walks through how to generate an entire stack by defining a collection of layers, iterating over the collection, capturing each layer, and reducing them into a single piece of code.
• 

  RAD Q&A

  02:54:10 - 03:03:49 View Transcript

  Lukas answers student questions regarding what to do with the generated molds when building the application and if tests should be generated alongside the generated code. This segment also covers how a project would develop from the design of the domain models to deployment.
• 

  Generating Reducers

  03:03:50 - 03:17:18 View Transcript

  Lukas demonstrates generating reducers to assist with event storming and further discusses how a project develops from models to deployment. Mapping out an event flow to help understand how a user can interact with a system.
• 

  Deployment

  03:17:19 - 03:23:02 View Transcript

  Lukas walks through implementing the functionality to copy the generated code to the clipboard using the npm package clipboard.js. A brief discussion regarding implementing the functionality to download and package a project into a zip file is also provided in this segment.
• 

  Mock API Generation

  03:23:03 - 03:34:02 View Transcript

  Lukas demonstrates mock API generation functionality using faker.js to generate fake data and moment.js to generate dates.

• 

  Wrapping Up

  03:34:03 - 03:48:14 View Transcript

  Lukas wraps up the course by providing personal links, closing thoughts regarding this course, and discussing how to create a mock API synced with actual code. Student questions regarding how easy it is to maintain templates, how to decide to work on the generator instead of building the code directly, tips for handling non trivial data types, and using premade tools for mock data are also covered in this segment.