how to you pass data to react components from backend?

[edmundspriede]

hello , very interested in boilerplace, but never used react... only php.

so as i understand react component will get data from API ( from browser ) , but i need to pass data relevant to requested page ( like product id and data). so how do i do this? so if i have product id, i can then read relevant data from API , but i need atleast product or page id to do that.

thank you

[prappo]

Hi @edmundspriede it's easy to pass data from backend to frontend.
Just pass your data to this array

wordpress-plugin-boilerplate/includes/Assets/Frontend.php

Lines 104 to 110 in 8d982b6

	return array(
	'developer' => 'prappo',
	'isAdmin' => is_admin(),
	'apiUrl' => rest_url(),
	'userInfo' => $this->get_user_data(),
	);

And access data on react like this

wordpress-plugin-boilerplate/src/frontend/components/application-layout/LayoutOne.jsx

Line 58 in 8d982b6

let showApplicationLayout = !wordpressPluginBoilerplateFrontend.isAdmin;

Remember the object wordpressPluginBoilerplateFrontend name can be defined here

wordpress-plugin-boilerplate/includes/Assets/Frontend.php

Line 30 in 8d982b6

const OBJ_NAME = 'wordpressPluginBoilerplateFrontend';

[edmundspriede]

HNY! thank you , i will dive into this as this is what i need for my project

[edmundspriede]

possibly i could hire some body to build my component. it is pretty basic , but i have 0 experience so could take time for me.

[prappo]

yeah, you should

[edmundspriede]

do you know anybody?