Hello, Shmoji here. Today we are going to be creating reusable modals using React. In case you didn’t know, the GIF above is an example of a modal. I searched around YouTube and realized that all the videos show how to create modals, but the code is not reusable and not very clean. What you will create using this tutorial is different because you can integrate this right into a large project with no problem. Maybe that doesn’t make sense at the moment, so let’s get started and I’ll explain along the way!

If you prefer videos and want more…


Hello, Shmoji here. Today we are going to be creating reusable modals using Vue. If you didn’t know, the gif above is an example of a modal. I searched around YouTube and realized that all the videos show how to create modals, but the code is not reusable and not very clean.

What you will create using this tutorial is different because you can integrate this right into a large project with no problem. Maybe that doesn’t make sense at the moment, so let’s get started and I’ll explain along the way.

If you prefer videos and want more details…


Photo by Joshua Reddekopp on Unsplash

Hello, Shmoji here. In this tutorial, I will show you how to create a Breadcrumb component using React. If you don’t already know, the picture below is a breadcrumb component. If you prefer videos and want more detail then here is the YouTube tutorial offering just that.


Hello, Shmoji here. In this tutorial I will show you how to create a Breadcrumb component using Vue. If you don’t already know, the picture below is a breadcrumb component. If you prefer videos and want more details, here is the YouTube tutorial offering just that.

We will just be building the presentation layer of this component, but no functionality. If I see a bunch of people wanting to know how to remove and add crumbs dynamically, then I will make a 2nd part to this tutorial. …


Photo by cottonbro from Pexels

Hello, Shmoji here. In this tutorial, I will show you how to easily create responsive tabs using Vue. You will need to create two small components and that is it. The picture below is what the finished tab menu looks like. If you prefer videos and want more details, here is the YouTube tutorial offering just that.


Photo by Lukas from Pexels

Hello, Shmoji here. In this tutorial, I will show you how to easily create responsive tabs using React. You will need to create two small components and that is it. The picture below is what the finished tab menu looks like. If you prefer videos and want more details, here is a YouTube tutorial offering just that.


Hello everyone, Shmoji here.

This post serves as a guide for this YouTube video that teaches CSS position in a quick and easy way.

Instead of re-watching the YouTube video, this post can be used as a reference once you learn CSS position. You can check all the bullet points below to make sure you understand the important information.

I will leave a list of important terms to know at the bottom of this page. They will be in bold throughout this page.

position: static;

  • Default positioning of elements

If no position is defined in the CSS, then it will be static.


Hello everyone, Shmoji here. In this tutorial you will be learning how to design/style the main page of your website using React and CSS.

Here is the previous tutorial if needed:

By the end of this tutorial, you will have a page that looks like this:


Hello everyone, Shmoji here. In this part of the series you will be learning by example how to create a navigation bar using React.

Here is the previous tutorial if needed:

If you prefer videos: here is the YouTube tutorial (it is slightly different than the typed-out version)

By the end of this tutorial, you will have a navigation bar that looks like this:


Hello everyone, Shmoji here. This video is the start of a series to teach you how to code a website using React.

I am making this series so that anyone can successfully learn to create websites, even someone that has NEVER coded before.

Once you finish this series, you will have a website that looks just like this:

Shmoji

★★ Watch me code live: https://twitch.tv/shmojicodes ★★

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store