SEO Optimized Titles

Author: ryanpithandpip

day-01/post.md

@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-1
 permalink: day-1
 day: 1
 series: 30-days-of-react
-title: What is React?
+title: What is React and What is it Used for?
 description: >-
  Today, we're starting out at the beginning. Let's look at what React is and
  what makes it tick. We'll discuss why we want to use it.

day-02/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-2
 permalink: day-2
 day: 2
-title: What is JSX?
+title: What is JavaScript XML (JSX) and How is it Used?
 description: >-
  Now that we know what React is, let's take a look at a few terms and concepts
  that will come up throughout the rest of the series.

day-03/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-3
 series: 30-days-of-react
 permalink: day-3
-title: Our First Components
+title: Building Your First React Components
 description: >-
  The first two articles in this series were heavy on discussion. In today's
  session, let's dive into some code and write our first React app.

day-04/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-4
 series: 30-days-of-react
 permalink: day-4
-title: Complex Components
+title: Creating Child/Parent Components With React
 description: >-
  Awesome, we've built our first component. Now let's get a bit fancier and
  start building a more complex interface.

day-05/post.md

@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-5
 series: 30-days-of-react
 permalink: day-5
 day: 5
-title: Data-Driven
+title: How to Set Up Dynamic, Data-Driven Components
 description: >-
  Hard-coding data in our applications isn't exactly ideal. Today, we'll set up
  our components to be driven by data to them access to external data.

day-06/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-6
 series: 30-days-of-react
 permalink: day-6
-title: State
+title: A Beginner's Guide to Stateful Components in React
 description: >-
  Today we're getting started on how stateful components work in React and look
  at when and why we'll use state.

day-07/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-7
 series: 30-days-of-react
 permalink: day-7
-title: Lifecycle Hooks
+title: Getting Started with React Lifecycle Hooks
 description: >-
  <blockquote class="warning"> <b>NOTE</b>: This post is about <em>classic</em> React Lifecycle hooks.<br/> If you're looking to learn about the <a href="https://www.fullstackreact.com/articles/an-introduction-to-hooks-in-react/"><b>new Hooks API</b> then click here</a> </blockquote> Today, we'll look through a few of the most common lifecycle hooks we can use
  with React components and we'll discuss why they are useful and when we should each one.

day-08/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-8
 series: 30-days-of-react
 permalink: day-8
-title: Packaging and PropTypes
+title: How to Create Reusable React Components
 description: >-
  We're looking at how to make reusable React components today so we can share our components across apps and teams.
 dayDir: 08

day-09/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-9
 series: 30-days-of-react
 permalink: day-9
-title: Styles
+title: An Introduction to Styling React Components
 description: >-
  No application is complete without style. We'll look at the different methods
  we can use to style our components, from traditional CSS to inline styling.

day-10/post.md

@@ -2,7 +2,7 @@
 page_id: 30-days-of-react/day-10
 series: 30-days-of-react
 permalink: day-10
-title: Interactivity
+title: How to Add Interactivity to React Applications
 description: >-
  Today we'll walk through how to add interactivity to our applications to make
  them engaging and dynamic.