My premium WordPress course https://www.udemy.com/course/become-a-wordpress-developer-php-javascript/?couponCode=NOVEMBERWEEK
The GitHub repo from this video https://github.com/LearnWebCode/brads-boilerplate-wordpress
0:00 Intro
0:53 Official WordPress Package
6:47 Boilerplate Theme
13:21 Boilerplate Plugin
15:36 Complex Blocks
18:22 Plugin File Structure
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode
source
ISSUE: brads-boilerplate-theme displays the blue header box as soon as I activate the theme and after running npm install but; as soon as I run: npm run start, the blue header content disappears. Was on WP 5.9 so I spun up a local dev on WP 5.7 but has the same issue. Any thoughts?
Hey, Brad! How can I activate block editor? Not theme editor. Thanks
I love it! You are definitely "Dr. Knowsalot"!!! 🙂
Good
I thought I recognized your voice…! I just finished your Git a Web Dev Job course on Udemy, and came here to look up how to put WordPress and React together, and here you are again! You’re an awesome teacher, Brad. Thanks so much for taking the time to educate 🙏
Confusing. When I open the block plugin example, there's no hint of where the index.php came from – do I have to write this myself, or is there a generation script somewhere?
Hi Brad, awesome video.
Sorry when i run npm run start y receive this error.
node:internal/modules/cjs/loader:936
throw err;
^
Error: Cannot find module './util/resolveCommand'
Do you know how I can solve it?
animal sbusers..
Help. Plugin is showing up in the editor but not on the preview for me. It seems like the query selector is not selecting anything?
Edit: It seems to be the ob_get_clean(). When returned it shows nothing, but if I echo it, plugin shows outside of theme's boundaries (on top of the whole page, not where I placed the plugin). Still, don't know how to fix.. ?
Hello! Just bought your Udemy course 😃. One question: where can i find statistics dashboard templates in React to use in a page of my website? Where can i find those? Thanks in advance.
Hi, thanks for great content and course. I also have the course but not at the chapter yet. I really wonder if with this approach react parts of the page are somehow crawler friendly like SSR. Also looks like after development no need for nodejs, like no need for node server on hosting, standard php host like Apache etc. is enough to host the template or plug in, is it right?
I would love to see how to build the pages out with content now.
All I am seeing is pages I create with a clickable Title on the top and zero content showing up.
I really like this idea, but some more info like how to build out the Header, Footer, and Navigation would be very helpful.
There are 4 folders in there now.
There is 2 new folders in there for 'Tailwind' now.
Is there much of a difference in them?
cat js
really cool! can I have custom react gutenberg blocks inside the theme version instead of the plugin? I missed that part.
Hello, is it possible to use the same method to use React and SCSS to create the plugin or theme settings page on the admin page? (not only gutenberg block types plugin.) I mean that we use React and SCSS to make the settings page of other plugins.
Hello! Thanks for this great tutorial! I'm working on a block theme and I'm struggling to get React to work in the frontend: your plugin is usable in the gutenberg editor but invisible on the website
Hi Brad, Thank you for the tutorial. You're an excellent teacher. You mentioned about some discount to the course but I didn't see a coupon. 😉
Hey Brad! Thanks for the awesome tutorial! I was trying your boilerplate theme without tailwind but it seems that the react build that is build with npm run preview or npm start is a production build and not a development build. When I console log process.env.NODE_ENV it logs development. I followed the readme for installation on a mac and a desktop and the same issue came up on both. Is there any way to change the build type to development? It makes error handeling in react a lot easier.
Great tutorial! 😀
What is the use of this when we cant edit background colour in wordpress we can do it react itself
I'm curious about styled components on WordPress.
Hey Brad! Thanks for this amazing tutorial mate. Was looking for something like this since last 4-5 months. But finally got a perfect video. Just want to will it be a single page app? Like in react everything happens in single div. Will this also do the same after importing components. Also, how to edit theme details like theme cover photo, theme name, etc?
Thanks😊
I just purchased your premium WordPress course. Thank you for being so awesome! …and kewl cat!!
Best guide on the subject so far. Thank you.
Hello, and for loops or acf, should everything be consumed through api?
If I add the BoilerPlate blog & preview the site it doesn't show anything on the page. Any help will greatly be appreciated.
The preview auto reload does not work for me. The window opens on running npm run preview, I see a message that it is synced, no error messages anywhere but will not reload on changes.
Thank you for the video! I have a question…how would you go about localizing the hardcoded strings in the theme so that they can be translated?
Step 12:20 to edit sync command to use my local domain in package.json, does not work with Local By Flywheel. Anyone else have this issue?
Such a good video thank you!
Only the knowledge of reactJS is enough for theme development?
Because, I don't know php at all.
And the boiler plate code is provided by WordPress or you write it by yourself?
Awesome content! What I need to run the plugin in another theme?
i have a question do i can use this theme Boilerplate to create full wordpress react theme???
Hello Brad, is this part of the WordPress course at Udemy?
Thanks for the nice content.
quick question, does the plugin only works on the blog post, not pages?
thanks in advance.
Verry nice, good and clean job! Can you please tell if you have any tutorial how to make custom widget which user can put into sidebar for example?
12:00 automatic refresh
got this error : You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
What is the core web vitals score for a WordPress website with react? Are the website fast enough than normal WordPress websites?
Hi nice tutorial
Can you please more enhance it with real wordpress data like pages and menu
Thanks for your video. How can I push build folder to cloud wordpress host