Skip to content

Commit 7e58c41

Browse files
ryanpithandpipryanpithandpip
authored
SEO Optimized Titles
1 parent 5818999 commit 7e58c41

File tree

29 files changed

+29
-29
lines changed

29 files changed

+29
-29
lines changed

‎day-01/post.md

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

‎day-02/post.md

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

‎day-03/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
page_id: 30-days-of-react/day-3
33
series: 30-days-of-react
44
permalink: day-3
5-
title: Our First Components
5+
title: Building Your First React Components
66
description: >-
77
The first two articles in this series were heavy on discussion. In today's
88
session, let's dive into some code and write our first React app.

‎day-04/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
page_id: 30-days-of-react/day-4
33
series: 30-days-of-react
44
permalink: day-4
5-
title: Complex Components
5+
title: Creating Child/Parent Components With React
66
description: >-
77
Awesome, we've built our first component. Now let's get a bit fancier and
88
start building a more complex interface.

‎day-05/post.md

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

‎day-06/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
page_id: 30-days-of-react/day-6
33
series: 30-days-of-react
44
permalink: day-6
5-
title: State
5+
title: A Beginner's Guide to Stateful Components in React
66
description: >-
77
Today we're getting started on how stateful components work in React and look
88
at when and why we'll use state.

‎day-07/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
page_id: 30-days-of-react/day-7
33
series: 30-days-of-react
44
permalink: day-7
5-
title: Lifecycle Hooks
5+
title: Getting Started with React Lifecycle Hooks
66
description: >-
77
<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
88
with React components and we'll discuss why they are useful and when we should each one.

‎day-08/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
page_id: 30-days-of-react/day-8
33
series: 30-days-of-react
44
permalink: day-8
5-
title: Packaging and PropTypes
5+
title: How to Create Reusable React Components
66
description: >-
77
We're looking at how to make reusable React components today so we can share our components across apps and teams.
88
dayDir: 08

‎day-09/post.md

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

‎day-10/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
page_id: 30-days-of-react/day-10
33
series: 30-days-of-react
44
permalink: day-10
5-
title: Interactivity
5+
title: How to Add Interactivity to React Applications
66
description: >-
77
Today we'll walk through how to add interactivity to our applications to make
88
them engaging and dynamic.

‎day-11/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-11
33
series: 30-days-of-react
44
permalink: day-11
55
day: 11
6-
title: Pure Components
6+
title: Pure Components [Definitions, Uses, and Examples]
77
description: >-
88
React offers several different methods for creating components. Today we'll
99
talk about the final method of creating components, the function stateless

‎day-12/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-12
33
series: 30-days-of-react
44
permalink: day-12
55
day: 12
6-
title: create-react-app
6+
title: How to Build a React App with Create React App
77
description: >-
88
Today, we're going to add a build process to store common build actions so we
99
can easily develop and deploy our applications.

‎day-14/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-14
33
series: 30-days-of-react
44
permalink: day-14
55
day: 14
6-
title: Fetching Remote Data
6+
title: How to Use whatwg-fetch to Simplify API Queries
77
description: >-
88
We're ready to make an external request to fetch data! Today we're looking at
99
the first step of making a call to an external API.

‎day-15/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-15
33
series: 30-days-of-react
44
permalink: day-15
55
day: 15
6-
title: Introduction to Promises
6+
title: Introduction to React Promises [with Examples]
77
description: >-
88
Today, we're going to look at what we need to know to understand Promises from
99
a high-level, so we can build our applications using this incredibly

‎day-16/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-16
33
series: 30-days-of-react
44
permalink: day-16
55
day: 16
6-
title: Displaying Remote Data
6+
title: How to Fetch Data from an API
77
description: >-
88
Our front-end applications are only as interesting as the data we display in
99
them. Today, let's actually start making a request for data and get it

‎day-17/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-17
33
series: 30-days-of-react
44
permalink: day-17
55
day: 17
6-
title: Client-side Routing
6+
title: A Beginner's Guide to Client-side Routing with react-router
77
description: >-
88
Most, if not all of our applications will have multiple views in our
99
single-page application. Let's dive right into creating multiple views for our

‎day-18/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-18
33
series: 30-days-of-react
44
permalink: day-18
55
day: 18
6-
title: Introduction to Flux
6+
title: Introduction to Flux and Unidirectional Data Flow
77
description: >-
88
Handling data inside a client-side application is a complex task. Today we're
99
looking at a one method of handling complex data proposed by Facebook called

‎day-19/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-19
33
series: 30-days-of-react
44
permalink: day-19
55
day: 19
6-
title: Data Management with Redux
6+
title: A Redux Tutorial for App Data Management
77
description: >-
88
With the knowledge of flux and Redux, let's integrate Redux in our application
99
and walk through connected applications.

‎day-20/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-20
33
series: 30-days-of-react
44
permalink: day-20
55
day: 20
6-
title: Redux actions
6+
title: Redux Basics - How to Modify State with actionCreator
77
description: >-
88
With Redux in place, let's talk about how we actually modify the Redux state
99
from within our applications.

‎day-21/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-21
33
series: 30-days-of-react
44
permalink: day-21
55
day: 21
6-
title: Redux Middleware
6+
title: Become a Redux Ninja with Middleware [examples included]
77
description: >-
88
Today, we're looking at the Redux method of managing complex state changes in
99
our code using Redux middleware.

‎day-22/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-22
33
series: 30-days-of-react
44
permalink: day-22
55
day: 22
6-
title: Introduction to Testing
6+
title: App Testing - Unit vs Functional vs Integration
77
description: >-
88
Test suites are an upfront investment that pay dividends over the lifetime of
99
a system. Today we'll introduce the topic of testing and discuss the different

‎day-23/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-23
33
series: 30-days-of-react
44
permalink: day-23
55
day: 23
6-
title: Implementing Tests
6+
title: How to Set Up your App Testing Environment
77
description: >-
88
Yesterday we examined the different types of tests that we write in React.
99
Today we'll see it in action. We'll install the dependencies required to set

‎day-24/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-24
33
series: 30-days-of-react
44
permalink: day-24
55
day: 24
6-
title: Testing the App
6+
title: Component Testing Within React Apps
77
description: >-
88
Let's start by looking at one feature of our application and thinking about
99
where the edge cases are and what we assume will happen with the component.

‎day-25/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-25
33
series: 30-days-of-react
44
permalink: day-25
55
day: 25
6-
title: Better Testing with Enzyme
6+
title: How to Improve App Testing with Enzyme
77
description: >-
88
Today, we'll look at an open-source library maintained by Airbnb called Enzyme
99
that makes testing fun and easy.

‎day-26/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-26
33
series: 30-days-of-react
44
permalink: day-26
55
day: 26
6-
title: Integration Testing
6+
title: What Does Integration Testing in React Look Like?
77
description: >-
88
Today we'll write tests to simulate how users interact with our application
99
and will test the entire flow of our app in a live browser.

‎day-27/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-27
33
series: 30-days-of-react
44
permalink: day-27
55
day: 27
6-
title: Deployment Introduction
6+
title: Preparing a React App for Deployment
77
description: >-
88
Today, we'll explore the different pieces involved in deploying our
99
application so the world can use our application out in the wild.

‎day-28/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-28
33
series: 30-days-of-react
44
permalink: day-28
55
day: 28
6-
title: Deployment
6+
title: How to Deploy a React App
77
description: >-
88
Today, we'll look through some ready-to-go options so we can get our site up
99
and running. By the end of today, you'll be able to share a link to your

‎day-29/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-29
33
series: 30-days-of-react
44
permalink: day-29
55
day: 29
6-
title: Continuous Integration
6+
title: An Introduction to Continuous Integration for React Apps
77
description: >-
88
Today we'll look through some continuous integration solutions available for
99
us to run tests against as well as implement one to test our application in

‎day-30/post.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ page_id: 30-days-of-react/day-30
33
series: 30-days-of-react
44
permalink: day-30
55
day: 30
6-
title: Wrap-up and More Resources
6+
title: 30 Days of React Course Summary
77
description: >-
88
We've made it! Day 30. Congrats! Now you have enough information to write some
99
very complex applications, integrated with data, styled to perfection, tested

0 commit comments

Comments
 (0)