Build a React-based Theme for WordPress with Frontity смотреть онлайн

==========================================================================

NOTE (26-Apr-2021)

We have recently published Frontity's step-by-step tutorial which can be found at https://tutorial.frontity.org/.

Via a progressive sequence of lessons that comprehensively covers all the techniques and concepts needed, the step-by-step tutorial is designed to provide you with a deep and solid understanding of web development using Frontity.

If you're interested in learning Frontity the tutorial is the recommended place to start.

==========================================================================

This workshop/webinar was held on 15 June 2020 as part of the #JSNation Live conference. The GitHub repository can be found at https://github.com/frontity-demos/2020-06-jsnation-workshop.

Please note: since this video was made there have been some changes to Frontity. In the part of the video starting at 36:50 line 48 should now be changed to:

url: "https://jsnation2020.frontity.org"

---------- Timeline

0:00:00 Welcome and introductions
0:08:59 About Frontity (slide show & talk)
0:25:59 Tutorial pre-amble
0:27:55 1. Create a Frontity project
0:40:40 2. Create a custom theme from scratch
0:45:50 3. Modify the Root component
0:56:23 4. Connect the Root component to the state
1:00:45 5. Add a menu
1:10:08 6. Use data from the current URL
1:31:56 7. Display the list of posts
1:44:31 8. Display the post content
1:53:33 9. Display posts and pages separately
2:00:08 10. Add styling
2:28:16 11. Add dynamic styling
2:34:33 12. Use state and actions
2:43:20 13. Add head tags
2:47:11 Conclusion and Q&A

---------- Learn more

» Website: https://frontity.org/
» Tutorial: https://tutorial.frontity.org/
» Docs / Guides: https://docs.frontity.org/
» API Reference: https://api.frontity.org/
» Learn: https://frontity.org/learn/

---------- Connect

» Community forum: https://community.frontity.org/
» Twitter: https://twitter.com/frontity

If you like this project, please consider starring it on GitHub to show your support: https://github.com/frontity/frontity