Today we’ll try to do something a little different, in a modern way.
check out the updated Article with React Hooks:
By the end of this post, you’ll have a fully working contact from you can integrate into Wordpress or your php website. I also published the final project in github, so you can download and play around with it.
A while ago I wrote an article about creating a contact form using React and PHP. Many people found it interesting. So, here I am writing an updated version of that article.
Check out the article about creating a contact form with React and PHP:
Hooks are a new addition in React and we are going to re-create the contact form using React Hooks.
Same as the previous project. This tutorial is beginners friendly. …
Modern WordPress Project
Learn to build full stack websites using headless WordPress and Next.JS
Checkout the video:
Today I want to share with you how I set up my local WordPress with Docker-Compose. Hopefully, you can get some use out of it.
As the first step of the Modern WordPress Project, We are going to start setting up our local WordPress Multisite environment with Docker and Docker-Compose. This will allow us to start our WordPress locally in a few steps.
Stop wasting time setting up your local environment and start developing.
I have a production-ready React app. How do I track my users? The answer is: Google analytics 🧙
Watch the video now:
I will show you how you can track users and their actions in your react app using google analytics.
Let’s get started.
install reactGA package:
go to the root and run :
npm install react-ga --save
yarn add react-ga
now go to your component which you want to track and import the newly installed package.
import ReactGA from "react-ga";
then initialize tracking once the component is mounted.
So this is…
I’ve been a Frontend developer for five years now. It was easy in the beginning but lately, it has become harder and harder.
When I started as a Web Designer I had to learn only HTML, JS and CSS. Now some companies don’t even care about these technologies. All they want is someone who knows React or Angular. It’s very good to learn these frameworks but if you don’t know the basics It could be very confusing.
As a self-taught developer, I made all these mistakes. …
Aligning in CSS is not the easiest thing. Especially if you work on a responsive design. Flexbox fixes this problem in most cases. This tutorial will help you to understand how easy to use Flexbox in your project. If you have never used Flexbox , don’t worry. This tutorial will help you to start using flexbox and understand how it used in real projects.
How Safe is Flexbox?
Nothing to worry. The majority of browsers have fully implemented the flexbox spec. Take a look caniuse result:
If you’re a fan of create-react-app (React’s official command line interface),
you probably know it should support SASS by default. This feature is ready and will be included in the next release of the project. So, using SASS or SCSS with CRA should be rather simple.
But, what happens when you want to use LESS as your styling method? Will this still work? Can we make it work?
In this post, I’ll teach you how to combine create-react-app with LESS without having to eject.
Useful tip: Use Bit to encapsulate components with all their dependencies and setup. …
These are my favorite SCSS mixins and features that made me use SCSS.
Ever since I started using SCSS/SASS, I knew I’d use this for all my future projects. It really helped me to write CSS in a meaningful way. I’m writing this post to share my favorite SCSS features and mixins. I use these every day for my current work.
This is not a tutorial about how to use SCSS. Just some very useful code snippets for SCSS.
This mixing help me to write responsive code for all of my projects.