React - How To Use Frontity To Create A Headless WordPress Theme With React

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified frontity frontity tutorial frontity wordpress frontity react wordpress frontity vs gatsby headless wordpress wordpress react reactjs wordpress react wordpress theme development reactjs wordpress theme react wordpress theme

Full Transcript

🚨 IMPORTANT: Checkout Frontity: https://bit.ly/frontity-webdevsimplified Frontity is an incredible tool for creating headless WordPress sites using React. It takes all the pain of dealing with PHP and WordPress directly and wraps it up into a nice and easy to use container. In this video I will show you how to use Frontity to create a simple WordPress theme with React and also how to use React Spring to add custom page transitions to your WordPress site. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/Frontity-Blog 🧠 Concepts Covered: - How to create a Frontity site - How to add page transitions in Frontity - Why React is so much nicer to work with for WordPress themes 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:41 - Demo 01:13 - Create Initial Project 04:50 - Frontity Packages Explained 08:45 - Most Important Components 09:44 - Modifying Styles 10:43 - Page Transitions 15:19 - Deployment 18:22 - Outro #Frontity #WDS #HeadlessWordPress

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome