diff --git a/day-01/post.md b/day-01/post.md index 87c7d575..0111534d 100644 --- 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 index 17b89924..bbbece2c 100644 --- 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 index 5a3369b0..d327846a 100644 --- 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 index 86eff20c..63f4dfe8 100644 --- 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 index 3bfe32a6..54c1d343 100644 --- 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 index e7b60bc2..e5e70023 100644 --- 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 index 19a13000..2cbd5364 100644 --- 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: >-
NOTE: This post is about classic React Lifecycle hooks.
If you're looking to learn about the new Hooks API then click here
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 index 21bdfa82..bca34312 100644 --- 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 index c7f267fb..712a1ec4 100644 --- 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 index ecf97735..3e384d91 100644 --- 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 index eba5edf8..3109800e 100644 --- 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 index 99d56a8a..0eaac749 100644 --- 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 index eb0f3ae8..c6bf805f 100644 --- 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 index b41b8d06..bb2e2ef2 100644 --- 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 index 795f27c5..c346b1df 100644 --- 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 index 10796fd1..98898e25 100644 --- 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 index cb03aa90..7ea00054 100644 --- 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 index 6b2c6c0e..6ebdcd5d 100644 --- 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 index c88ab67c..36ad7f37 100644 --- 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 index 0be67f76..92ad060e 100644 --- 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 index cfdf76e1..ec4278ca 100644 --- 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 index 5b4d4381..0121d985 100644 --- 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 index 8118169b..3bf101fe 100644 --- 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 index c03db8b8..eeedacb7 100644 --- 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 index 0aa3cea5..5cae7be9 100644 --- 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 index 1133097f..964b3030 100644 --- 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 index 6f8167ca..057a1fb4 100644 --- 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 index 3ed5fa63..07d144a8 100644 --- 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 index 6935081b..4e149f54 100644 --- 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