unicorn-utterances/content/collections/framework-field-guide/index.md

title, associatedSeries, description, authors, coverImg, socialImg, type, aboveFoldMarkdown, published, buttons, chapterList

title	associatedSeries	description	authors	coverImg	socialImg	type	aboveFoldMarkdown	published	buttons	chapterList
The Framework Field Guide	Framework Field Guide	A practical and free way to teach Angular, React, and Vue all at once, so you can choose the right tool for the job and learn the underlying concepts in depth.	crutchcorn	./cover.png	/framework_field_guide_social.png	book	above.md	2023-01-01T13:45:00.284Z	text url Get Notified of Release https://mailinglist.unicorn-utterances.com/subscribe	order title description 1 Preface Learning web development is a vital skill in a software engineer's toolbox. Let's talk about why you should learn it and what this book will cover. order title description 2 Introduction to Components Components are the core building block in which all applications written with React, Angular, and Vue are built. Let's explore what they are and how to build them. order title description 3 Dynamic HTML One of the primary advantages of using a framework is the ability to quickly generate dynamic HTML from JavaScript logic. Let's walk through some examples. order title description 4 Lifecycle Methods One way for JavaScript logic to run in components is for a framework to call a specific bit of JS when an event occurs. These are called 'Lifecycle methods'. order title description 5 Derived Values Often in application development, you'll want to base one variable's value off of another. There are a few ways of doing this - some easier than others. order title description 6 Forms Forms are a core part of any application. Even when a single input, it can be tricky to manage where the state should live. Let's learn how to do so with React, Angular, and Vue. order title description ? ... And much more!

Hi! I'm Corbin Crutchley, the author of "The Framework Field Guide" - the outline of which you're looking at!

The Framework Field Guide will be available for free online alongside paid physical edition and will teach React, Angular, and Vue all at the same time.

Are you really going to teach React, Angular, and Vue all at once?!

Yes!

Because all three of these frameworks have some fairly solid commonality between them, I'm able to have most of the concepts explained in shared headings and text bodies. For instances where the frameworks diverge, you'll see tabs to see the relevant code samples.

For example, here's a "Hello world" component in each framework:

React

const Hello = () => {
	return <p>Hello, world!</p>
}

Angular

@Component({
  selector: "my-app",
  template: `<p>Hello, world!</p>`,
  standalone: true
})
class HelloWorldComp {}

Vue

<!-- Hello.vue -->
<template>
  <p>Hello, world!</p>
</template>

<script setup>
</script>

In the book print, these tabs will be turned into sub-headings.

Who is this book for?

This book is primarily for three sets of people:

1. Newcomers, who are looking to learn these frameworks for the first time.
2. Engineers who've learned one framework and are looking for an easy way to learn one of the others.
3. Those looking to 1-up their knowledge of these frameworks' internals

This book will be starting with the very basics of what a component is, all the way into re-creating the core elements of these frameworks from scratch. Don't believe me? Here's sneak peek of the "React Internals" chapter I wrote via a Twitter thread where I build useState in Vanilla JS.

When does it release?

This book is still currently in production, and as such won't be available immediately. If you want early access to the book while it's being worked on, feel free to reach out to me on Twitter.

Otherwise, if you want to be notified when the book releases, you can join our Discord or sign up to be notified via email when the book releases.

Notify Me

I promise you won't get spammed with emails if you sign up for notifications. Again, the book is free and we will never share or sell your email with anyone.