Видео

Hello there! 🙌 What do you mean as missing? I've checked the links and the PR with changes is still available. Here are the links: - PR: github.com/przemekhernik/footmate.pro/pull/9/files - Theme: github.com/przemekhernik/footmate.pro/tree/develop/wp-content/themes/footmate Be aware of checking the `develop` branch. We're still developing the base so everything is pushed only to develop for now :D

I’m sorry to hear this 🫡 What project do you refer to? Do you mean about the WordPress starter that we build in other videos? Did you get a chance to check out other authors that I’ve sent you some time ago which can be a be a better fit?

Hi! It looks that airbnb coding style is not yet compatible with the new Flat Config. You can check the GitHub issue tracking the standards support here: github.com/eslint/eslint/issues/18093 to see that it still waits for changes in the airbnb standards (github.com/airbnb/javascript/issues/2804). So it's similar case as with JS Standard that I had. In this case, you should use the previous ESLint version (8) if you want to use the airbnb coding style and wait for the future updates :)

Thanks mate! I'm glad that it was helpful for you 🙌

Thank you so much! 😍

I was wondering what form will be fine to provide updates on the relevant topics and I believe that the changelog form will be fine for now. Let me know what you think! 👋

All the code examples are available on my blog. I always post a link to the relevant article in the video descriptions so you can check it there. For this particular material, the writing form with examples is available here: tentyp.dev/blog/wordpress/blade/page-templates/ Each material has also a link to GitHub with the changes in the top section, so you can use it to check and download the whole codebase. Here are the changes for this material: github.com/przemekhernik/footmate.pro/pull/25/files Here is the whole codebase: github.com/przemekhernik/footmate.pro/tree/develop

I don't have exact plans for this yet. I'll try it out when I'll finish up materials providing ideologies and I'll be making components using them, but I can't confirm any date. I'll let you know when I'll start something like this 🫡 What exactly would you expect from this type of live coding video?

@@pragmatedev Understand them better

@@pragmatedev You need to implement Alpine js

Thank you! And you're right! I remember that the comments must have additional support too. Do you need this ASAP or can it wait for implementation? I'll create an issue on GitHub! 😀

@@pragmatedev I'm just some random internet user with a feature request, so you take your time and enjoy the process :)

Oh, you’re much more than this! You’re as much important as the content so for sure I’ll handle this topic 👋

Hi Ricardo, thank you for your kind words! 🙏 And you're right, this implementation didn't handle the custom templates correctly. I've prepared a path that fixes this for you: github.com/przemekhernik/footmate.pro/pull/25 You just need to move a few files, and modify a little bit template relocation function. I've described all the details in the GitHub description so if you want to understand this better, just check out this PR. If you don't want to understand this, just implement similar changes in your codebase and it should work fine 😀 This PR is not merged yet, since I want to create an article describing this process to help the community understand this issue too. Big thanks to you for your contribution, we really appreciate that ❤ Please let me know if it works for you!

@@pragmatedev Thank you for the quick response, I made the indicated changes and now it works perfectly. Just one detail, I also had to move the index.php file to the 'resources' folder to activate the theme.

@@ricardomartin5535 You're totally right. We need to move all the required WordPress template files to make it work properly 🫡 I've created a draft material describing and explaining this topic with thanks for your contribution ❤ I'll be really grateful if you'll find time to check it out and let me know what you think. We highly appreciate such a contribution to the community 😍 tentyp.test/blog/wordpress/blade/page-templates/ 👈 THE DRAFT

You won my heart

🔥🔥🔥 You won a boss handshake!

Yep, it makes sense! 🤟Do you like WP rules or not really, but use them because it's recommended? 😀

@@pragmatedevI'm ok with most of them, I don't like tabs 😱, class- prefix and "yoda" conditions

Tabs are the worst, indeed 🤣

Dzięki! Motyw to wyedytowany One Dark Pro dostępny w tym miejscu: marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme 🫡

Ooooh, thank you mate! You made my day ❤️

@@pragmatedev I keep thinking there's some kind of bug on RUclips's comments, your channel is so underrated, you have really high quality and useful content, if i can help somehow let me know !

You're really kind Mate 🙌 It looks that I haven't managed to understand the engagement algorithm here yet so that's why it looks this way 😅 You're already helping me watching my videos and that's a lot! Maybe you have any tips how to engage with people to not make feel the cringe or something like that. I'm still learning so all the feedback is highly appreciated 🤝 Have a great day @adamsDevArt!

Glad to hear this @Anhjje! PHP Code Sniffer was the main reason for me too create this series, because even when I used this for a long time I didn’t had a chance to figure out how does it really work 😅 I hope I’ll be able to provide you the answers you’re searching for 🙏

Thank you! 🙏

Hello, thank you very much for the video. Is it possible to add tailwind to this assembly and set up automatic theme.json generation? Maybe you are planning to record a separate video?

@@vladi4507 Hi! For sure, adding Tailwind should be really easy. I didn't plan to create a video about this shortly, but I'll do this and get back to you! Thanks for your question :D Regarding the theme.json - writing additional tasks in Vite is easy, but I'll have to think about the general idea. What you would like to put into the generated theme.json?

Can you please do one for vite, vue and wordpress intergration

I understand your confusion, and I'll think about how to improve this in the next materials 🤔 Generally, the videos I post are mostly related to each other. And the part that you lost was already discussed in the previous ones: - Introduction to OOP approach I use: bit.ly/4842u6H (video) bit.ly/480yloD (blog) - How do I structure the application? bit.ly/49hfgj5 (video) bit.ly/4bhxR0l (blog) I structure the WordPress Application materials in a playlist bit.ly/4bi7Gqp and the new ones might include knowledge already mentioned in others, but you're right that it was not so obvious in this individual material, so here's the place I need to improve. Thank you @Anhjje for pointing this out! Really appreciated 🫡

@@pragmatedev Thank you ! I'll go through these videos and courses before asking for more help. Your videos are being recommended anywhere I type "vite tutorial" lol. Keep up the good work!

@@Anhjje If you have no time, you can also ask me before! I'll try to help even in such case 🤝 Thank you for your good words 🫡

Thank you! 🙏

Hi @fkangalov! Thanks for your question 👋 The plugin setup that you refer to shouldn’t be a problem. There are a few things that must be considered to make dev command integrated with WordPress: 1. We need to load all JS assets as modules. 2. We need to load Vite client. 3. We need to load assets from Vite dev server rather than than directory. Those things are described in the article below (check out „all the necessary operations” link) BUT I’m happy to help you more here! - Is there a possibility to check the repository with source code you try to integrate? It will be much easier to help you. - What Vite version do you use? The article is created with Vite 4.5, and the latest one is 5. There are a few differences but I’ll discuss them soon in the new material. But I’m open to help you now. tentyp.dev/blog/wordpress/vite/#how-to-integrate-vite-hmr-in-wordpress

@@pragmatedev I will look into the post thanks for the detailed reply! I managed to make it work by importing the scss and js files in main.js and enqueing just one script that is the vite one that only runs when you type "yarn dev" I forgot the name.

P.S. the script I am refering to is the script that loads in "dev" mode for prod mode I load from thr manifest as shown in the video

Thanks again Mate! Sometimes I struggle with thinking that it’s unnecessary too elegant, but you help me proving myself that it’s worth 👏

Hello @adamsDevArt! I’m so happy to read such kind of words 🤩 Thank you for them, they gave me a lot of motivation! I hope you’ll like the new materials I’m trying to finish too🤞

Cześć! Niestety bez wglądu w kod źródłowy ciężko będzie mi coś doradzić 😩 Czy repozytorium pluginu, o którym mówisz jest dostępne publicznie? Jeśli nie to skontaktujesz się ze mną przez email? Chętnie pomogę jeśli będę mógł spojrzeć w kod 🫡 Mail dostępny jest pod tym linkiem: tentyp.dev/privacy-policy/#your-rights

@@pragmatedev mój błąd podpinałem się pod zły hook. Jeszcze jedna rzecz, czy rozwiązałeś może problem z ładowaniem zdjęć w kodzie html w plikach php-owych, tak by vite wykrywał, że te zasoby są używane i dodawał do dista, próbowałem kiedyś to rozwiązać, ale mi się nie udało "<img src="{{ FM_URI }}/src/images/404.jpg" width="400" height="500" alt="Image" class="logo"/>"

You're welcome!

Unfortunately, I don't have any confirmed recommendations. But following this (stackoverflow.com/a/44886436) message there are some possibilities to run Homebrew on Windows using Windows Subsystem for Linux (WSL) 2 (learn.microsoft.com/en-us/windows/wsl/about) 🧐 Official docs also mention this: docs.brew.sh/Homebrew-on-Linux Have you tried this?

@@pragmatedev Well that means doing everything on the subsystem Linux then, I'll take a look thanks!

@@sbw94 Let me know the results! I'm really curious how it can be handled on Windows. If you'll have problems I'll try to reach my colleagues who work on Windows asking how they handle it :D

That's a excellent question 🔥I don't have such video yet, but I'll be creating this in the near future. Debugging is one of the most important parts of the development process, so for sure, I'll handle this before I start making more direct WordPress implementations. I'll let you know when done, sure? 🫡

@@pragmatedev Thanks man, really appreciate! Looking forward to it, hopefully in the beginning of 2024 to start the new year really great :D

Thanks @foofourtyone for a great feedback! I must admit that I've been thinking about this while editing, but I've decided to try it out 😅 So in general you would remove all those sound effects, animations, and keep such kind of videos "flat"? Or just limit them somehow?

​@@pragmatedevp

😊😊

Cieszę się, że Ci się podobało! Postaram się Cię nie zawieźć w kolejnych nagraniach 🔥

Ooooh, thanks @jantack7186 for kind words! They mean a lot to me, especially if I'm learning how to make such type of content 🙏 I'm highly appreciated for your help 🙌

Hi, I just started working with bundlers and Vite, but I have some doubts if it is really that easy to integrate Vite into wordpress. Have you used the approach you show here in a production system? I am not an expert, this is just a question, not a criticism. I also wonder if the type="module" attribute doesn't need to be added to all script tags and not just in HMR mode? Does your approach work if you have multiple entry points with common dependencies? As I understand it, in this case Vite creates an additional chunk with the shared dependencies and loads it as js-module. This has the advantage that these shared dependencies are only loaded once. Disadvantages, however, are that there is no simple 1:1 relationship between input and output files and that older browsers that don't recognize modules can't handle it (but there are plugins to support older browsers) Again, I'm no expert, this is just a question, not a criticism. So far I've been using a library on Gihub called vite-for-wordpress, which is much more complex. I must say that I tried but failed to really understand the source code of this library.

Woah, that’s amazing feedback Mate 🤩 You’re writing that you’re not an expert, but it’s visible that you have a great overall knowledge. I appreciate feedback even more 😈 Let me answer this today. I’ll get back you you today evening 👋

​@@jantack7186 At first, I'm sending BIG THANKS to you for pointing out the issue with `type="module"`. You're right here! Since Vite supports native ES Modules by default, we need to load scripts as a modules even in production mode. I totally forgot about this when finishing this material. I've updated the blog post with those informations and mentioned your help in the PR that fixed this 🙏 - github.com/przemekhernik/footmate.pro/pull/10 - tentyp.dev/blog/wordpress/vite/

​@@jantack7186 When it comes to the second question with multiple entry points and common dependencies, you're totally right. Vite will just create additional chunk and import it as a module. It won't work by default in the browsers older than ~2017, but we can handle this with polyfills with some effort. But in general I must admit that I would not consider it as a huge problem 🤔 We always define what versions must be supported in the projects we made, and they are mostly not not as old. In case of need to support browsers older than 2017, I would just switch the bundling tool to Laravel Mix, or just work out with polyfills. I use such way of handling assets on my blog, and I have a trust to it :D Laravel in the latest version also uses such way of handling assets. So I would consider this as a problem, only in a really specific projects. But in most cases I would go with it 🫡 I've also pushed some changes to footmate repository to let you check and test how does it work with multiple entrypoints and common dependency. I've also tried implementing babel transpiler, and in fact it worked 😅 - github.com/przemekhernik/footmate.pro/pull/11/files - tentyp.dev/blog/js/how-to-transpile-modern-js-to-es5-in-vite/ - caniuse.com/es6-module

@@pragmatedevThank you for your kind reply and the corrections.

Thank you @sbw94 👐 I'm really happy that I can help you, and I'm glad that you think that it's needed. It gives me a lot of boost 🔥 Have a great day 😀

@@pragmatedev I'm going through every video you did about WordPress and web development and it's amazing, we need more like these! A cool use case for a WordPress website and you thinking about it loud and explaining your thoughts process and how you develop it would be a masterclass!

@@sbw94 You made my day, thanks mate for sharing your thoughts 🤩 Such comments make me feel that it’s worth to try more and more 🤝

Hi @sbw94! How are you doing? 👋 Thanks again for the nice words! I’m almost finished the new material that should be posted on this channel next week. I hope you’ll enjoy it too 🫡😈

Hey @@pragmatedev , it's nice hearing from you! Doing awesome, hope you as well! That's fantastic, can't wait to watch it next week 😁

Hey Bruno! Nice to see you here 👋

Thanks for the feedback, I really appreciate that 🤝 Point noted, and I’ll try to improve this in the next videos. Meantime I have a text version available if it would help here: tentyp.dev/blog/wordpress/introducing-laravel-blade/

😊

​

Hi @rahatkamal299! Did you have a chance to check the new videos? I've changed a little bit the way how I present the code. Is it better? Thank you for your thoughts 🙌

there are so many ways to do that

Building the settings page using OOP does not differ from the default procedural way 😄 We still use native WordPress functions to handle the data, but what's crucial IMO, with OOP we prioritize separating responsibilities much more than in the default way which solves common WordPress problems - spaghetti code. So for example data management (loading, preparing etc) happens in the controllers, which just pass the data and configuration to the settings view. Classical layered architecture. I plan to create a video about this in the next few weeks so once I'll do this, I'll ping you here 👋

Hi! Im going to release next video 5.05-7.05. The idea is to drop one video per week, but I’m still learning the best workflow to achieve this, and for now I post one video per two weeks. But Im working hard to give you the new content as fast as possible 👋