Загрузка страницы

React & Headless WordPress - Node Wpapi & Pagination, Context, Reducer Etc. - Full Crud App Part 1

This is a new tutorial series on React.js development with a Headless CMS. In this case, the CMS is WordPress. As the popularity of React.js & WordPress grows globally, I thought this is time to combine the two and make some fun applications. I use WP-API (node-wpapi) & WordPress Application Password to connect to both local & remote WordPress REST API.

The plan is to start with a simple React CRUD application and grow that to be something significant which will include all the modern bells and whistles like, React useState hook, React Dom Router, Context API, Reducers, an HTTP Service, a Configuration management system, an Error Logging system, a JWT Authentication module (connecting to WordPress), Route protection, User Registration, Styled Components, Theme management, WP GraphQL, etc.

This video is the 1st of the series. In this video, I make an introduction to the series and show how to get Posts from WordPress using REST API via WP-API and React.js. I also show how to delete a Post using WordPress Application Password.

Видео React & Headless WordPress - Node Wpapi & Pagination, Context, Reducer Etc. - Full Crud App Part 1 канала HTMLFiveDev
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
12 января 2022 г. 17:35:59
00:20:47
Другие видео канала
ACCURATE MOBILE RESPONSIVE CODING W/ XCODE IOS SIMULATOR WHEN WEB TOOLS FAIL | WEB DEVELOPMENT TIPSACCURATE MOBILE RESPONSIVE CODING W/ XCODE IOS SIMULATOR WHEN WEB TOOLS FAIL | WEB DEVELOPMENT TIPSDIR LISTING PROTOTYPE - 2 - GRAVITY POST CREATION, PAYPAL SUBSCRIPTION & PUBLISHING W/ GRAVITY HOOKDIR LISTING PROTOTYPE - 2 - GRAVITY POST CREATION, PAYPAL SUBSCRIPTION & PUBLISHING W/ GRAVITY HOOKWORDPRESS SITE DEPLOYMENT WITH WHM & cPanel ON A VPS WITH Liquid Web HOSTING [2020] - Part 1WORDPRESS SITE DEPLOYMENT WITH WHM & cPanel ON A VPS WITH Liquid Web HOSTING [2020] - Part 1WORDMOVE INSTALLATION ON MAC W/ XCODE, HOMEBREW, CURL, RVM & RUBY | MODERN WORDPRESS DEVELOPMENTWORDMOVE INSTALLATION ON MAC W/ XCODE, HOMEBREW, CURL, RVM & RUBY | MODERN WORDPRESS DEVELOPMENTBubble.io 2022 - Connect W/ Stripe Customer Portal Using Bubble As Backend Proxy From WordPress SiteBubble.io 2022 - Connect W/ Stripe Customer Portal Using Bubble As Backend Proxy From WordPress SiteWORDPRESS & BUDDYPRESS (2021) - MEMBER PROFILE PAGE: HEADER [BACKEND SETUP & CODE REVIEW]  PART 1WORDPRESS & BUDDYPRESS (2021) - MEMBER PROFILE PAGE: HEADER [BACKEND SETUP & CODE REVIEW] PART 1Wordpress & Buddypress (2021) - Member Profile Page: Body [backend Setup & Code Review]  Part 1Wordpress & Buddypress (2021) - Member Profile Page: Body [backend Setup & Code Review] Part 1WORDPRESS + BUDDYPRESS (2020) -  AJAX SELECT DROPDOWNS [ BACKEND SETUP & CODE REVIEW ] - PART 2WORDPRESS + BUDDYPRESS (2020) - AJAX SELECT DROPDOWNS [ BACKEND SETUP & CODE REVIEW ] - PART 2Wordpress Dev (2021) - Setup A Single Event Using Wp Cron [automate WordPress Tasks With Wp Cron]Wordpress Dev (2021) - Setup A Single Event Using Wp Cron [automate WordPress Tasks With Wp Cron]LangChain OpenAI Python | Tutorial | Datetime Parser - QuizBot & Time Calculation w Output Data - P5LangChain OpenAI Python | Tutorial | Datetime Parser - QuizBot & Time Calculation w Output Data - P5WORDPRESS & BUDDYPRESS (2020) - HOME PAGE PART 1 - INTRO & FOOTER [ BACKEND SETUP & CODE REVIEW ]WORDPRESS & BUDDYPRESS (2020) - HOME PAGE PART 1 - INTRO & FOOTER [ BACKEND SETUP & CODE REVIEW ]OpenAI Python Vector Embeddings: Tutorial | Panda Dataframe, Token & Cost Calculation, CSV files p1OpenAI Python Vector Embeddings: Tutorial | Panda Dataframe, Token & Cost Calculation, CSV files p1WORDPRESS SITE PUSH & PULL W/ WORDMOVE FAILED: UTF8 & SHELL ERROR [RESOLVED] - WEB DEVELOPMENT 2021WORDPRESS SITE PUSH & PULL W/ WORDMOVE FAILED: UTF8 & SHELL ERROR [RESOLVED] - WEB DEVELOPMENT 2021Quick Tips: Webhooks - Connect Github & Discord - Custom Messages with Node.js/Express MiddlewareQuick Tips: Webhooks - Connect Github & Discord - Custom Messages with Node.js/Express MiddlewareReact & Headless Wordpress - Edit A Post W/ Featured Image W/ Wpapi  & React - Full Crud App Part 8React & Headless Wordpress - Edit A Post W/ Featured Image W/ Wpapi & React - Full Crud App Part 8WORDPRESS + BUDDYPRESS (2020) - JAVASCRIPT (ES6) BASED ITEM FILTERS [ BACKEND, CODE & ALGORITHM ]WORDPRESS + BUDDYPRESS (2020) - JAVASCRIPT (ES6) BASED ITEM FILTERS [ BACKEND, CODE & ALGORITHM ]LangChain Nodejs Openai TS | Part 5 | PDF Loader, Embedding, Faiss Vector Store, Templating, Q/A BotLangChain Nodejs Openai TS | Part 5 | PDF Loader, Embedding, Faiss Vector Store, Templating, Q/A BotLangChain Next js OpenAI TS | Train AI & Chat w/ Any Web Data - RAG - Faiss Vector Store - QA ChainLangChain Next js OpenAI TS | Train AI & Chat w/ Any Web Data - RAG - Faiss Vector Store - QA ChainTECH SCREENCASTING 2021: RECORDING & EDITING SETUP (OBS STUDIO & ADOBE PREMIERE PRO CC)TECH SCREENCASTING 2021: RECORDING & EDITING SETUP (OBS STUDIO & ADOBE PREMIERE PRO CC)OpenAI API Python GPT & Dall-E 3: Tutorial | Multimodal Assistant | Prompt Engineering & Image GenOpenAI API Python GPT & Dall-E 3: Tutorial | Multimodal Assistant | Prompt Engineering & Image Gen
Яндекс.Метрика