Merge pull request #269 from Diminish6499/SEO_optimized_Titles

pozymasika · web-flow · commit 91579483d2b6 · 2023-04-28T08:50:09.000+03:00
SEO Optimized Titles
diff --git a/day-01/post.md b/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.
diff --git a/day-02/post.md b/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.
diff --git a/day-03/post.md b/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.
diff --git a/day-04/post.md b/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.
diff --git a/day-05/post.md b/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.
diff --git a/day-06/post.md b/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.
diff --git a/day-07/post.md b/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.
diff --git a/day-08/post.md b/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
diff --git a/day-09/post.md b/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.
diff --git a/day-10/post.md b/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.
diff --git a/day-11/post.md b/day-11/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-11
 series: 30-days-of-react
 permalink: day-11
 day: 11
-title: Pure Components
+title: Pure Components [Definitions, Uses, and Examples]
 description: >-
   React offers several different methods for creating components. Today we'll
   talk about the final method of creating components, the function stateless
diff --git a/day-12/post.md b/day-12/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-12
 series: 30-days-of-react
 permalink: day-12
 day: 12
-title: create-react-app
+title: How to Build a React App with Create React App
 description: >-
   Today, we're going to add a build process to store common build actions so we
   can easily develop and deploy our applications.
diff --git a/day-14/post.md b/day-14/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-14
 series: 30-days-of-react
 permalink: day-14
 day: 14
-title: Fetching Remote Data
+title: How to Use whatwg-fetch to Simplify API Queries
 description: >-
   We're ready to make an external request to fetch data! Today we're looking at
   the first step of making a call to an external API.
diff --git a/day-15/post.md b/day-15/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-15
 series: 30-days-of-react
 permalink: day-15
 day: 15
-title: Introduction to Promises
+title: Introduction to React Promises [with Examples]
 description: >-
   Today, we're going to look at what we need to know to understand Promises from
   a high-level, so we can build our applications using this incredibly
diff --git a/day-16/post.md b/day-16/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-16
 series: 30-days-of-react
 permalink: day-16
 day: 16
-title: Displaying Remote Data
+title: How to Fetch Data from an API
 description: >-
   Our front-end applications are only as interesting as the data we display in
   them. Today, let's actually start making a request for data and get it
diff --git a/day-17/post.md b/day-17/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-17
 series: 30-days-of-react
 permalink: day-17
 day: 17
-title: Client-side Routing
+title: A Beginner's Guide to Client-side Routing with react-router
 description: >-
   Most, if not all of our applications will have multiple views in our
   single-page application. Let's dive right into creating multiple views for our
diff --git a/day-18/post.md b/day-18/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-18
 series: 30-days-of-react
 permalink: day-18
 day: 18
-title: Introduction to Flux
+title: Introduction to Flux and Unidirectional Data Flow
 description: >-
   Handling data inside a client-side application is a complex task. Today we're
   looking at a one method of handling complex data proposed by Facebook called
diff --git a/day-19/post.md b/day-19/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-19
 series: 30-days-of-react
 permalink: day-19
 day: 19
-title: Data Management with Redux
+title: A Redux Tutorial for App Data Management
 description: >-
   With the knowledge of flux and Redux, let's integrate Redux in our application
   and walk through connected applications.
diff --git a/day-20/post.md b/day-20/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-20
 series: 30-days-of-react
 permalink: day-20
 day: 20
-title: Redux actions
+title: Redux Basics - How to Modify State with actionCreator
 description: >-
   With Redux in place, let's talk about how we actually modify the Redux state
   from within our applications.
diff --git a/day-21/post.md b/day-21/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-21
 series: 30-days-of-react
 permalink: day-21
 day: 21
-title: Redux Middleware
+title: Become a Redux Ninja with Middleware [examples included]
 description: >-
   Today, we're looking at the Redux method of managing complex state changes in
   our code using Redux middleware.
diff --git a/day-22/post.md b/day-22/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-22
 series: 30-days-of-react
 permalink: day-22
 day: 22
-title: Introduction to Testing
+title: App Testing - Unit vs Functional vs Integration
 description: >-
   Test suites are an upfront investment that pay dividends over the lifetime of
   a system. Today we'll introduce the topic of testing and discuss the different
diff --git a/day-23/post.md b/day-23/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-23
 series: 30-days-of-react
 permalink: day-23
 day: 23
-title: Implementing Tests
+title: How to Set Up your App Testing Environment
 description: >-
   Yesterday we examined the different types of tests that we write in React.
   Today we'll see it in action. We'll install the dependencies required to set
diff --git a/day-24/post.md b/day-24/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-24
 series: 30-days-of-react
 permalink: day-24
 day: 24
-title: Testing the App
+title: Component Testing Within React Apps
 description: >-
   Let's start by looking at one feature of our application and thinking about
   where the edge cases are and what we assume will happen with the component.
diff --git a/day-25/post.md b/day-25/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-25
 series: 30-days-of-react
 permalink: day-25
 day: 25
-title: Better Testing with Enzyme
+title: How to Improve App Testing with Enzyme
 description: >-
   Today, we'll look at an open-source library maintained by Airbnb called Enzyme
   that makes testing fun and easy.
diff --git a/day-26/post.md b/day-26/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-26
 series: 30-days-of-react
 permalink: day-26
 day: 26
-title: Integration Testing
+title: What Does Integration Testing in React Look Like?
 description: >-
   Today we'll write tests to simulate how users interact with our application
   and will test the entire flow of our app in a live browser.
diff --git a/day-27/post.md b/day-27/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-27
 series: 30-days-of-react
 permalink: day-27
 day: 27
-title: Deployment Introduction
+title: Preparing a React App for Deployment
 description: >-
   Today, we'll explore the different pieces involved in deploying our
   application so the world can use our application out in the wild.
diff --git a/day-28/post.md b/day-28/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-28
 series: 30-days-of-react
 permalink: day-28
 day: 28
-title: Deployment
+title: How to Deploy a React App
 description: >-
   Today, we'll look through some ready-to-go options so we can get our site up
   and running. By the end of today, you'll be able to share a link to your
diff --git a/day-29/post.md b/day-29/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-29
 series: 30-days-of-react
 permalink: day-29
 day: 29
-title: Continuous Integration
+title: An Introduction to Continuous Integration for React Apps
 description: >-
   Today we'll look through some continuous integration solutions available for
   us to run tests against as well as implement one to test our application in
diff --git a/day-30/post.md b/day-30/post.md
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-30
 series: 30-days-of-react
 permalink: day-30
 day: 30
-title: Wrap-up and More Resources
+title: 30 Days of React Course Summary
 description: >-
   We've made it! Day 30. Congrats! Now you have enough information to write some
   very complex applications, integrated with data, styled to perfection, tested
