let str = “The brown fox”


// “ brown fox”

str.slice(1, 8)

// “he brow”




//[“The brown fox”]

str.split(“ “)

//[“The”, “brown”, “fox”]



The forEach() method executes a callback function for each element in the array. What does that mean? The ‘forEach’ method calls a function that’s outside of forEach and that handles the iteration for the array that it’s checking. Let’s look closely how it really works.

forEach: callback function

We are…

What is semantic HTML?

Semantic HTML reinforces clear web content rather than vague<div> containers.


Why Semantic markup HTML?

Semantically correct HTML helps search engines, web browsers, developers and crawlers to distinguish between different types of data.

  1. SEO
  2. Accessibility
  3. Maintainability

I have seen display: flex; so many time, not bothering to understand what it meant because I was learning something else, either Javascript or React with deadline. Often I used css templates. So not knowing the foundation of flexbox was extremely frustrating. When I googled how to fix a simple…

Styled-components uses template literal to style components. You will be creating a normal React component to style your other components.

0. Advantages of styled-components:

  1. No duplication or overlap: because styled-components keeps track of which components are rendered on a page and injects their style.
  2. Dynamic styling: adapting the styling of a component based on…

Greem Jellyfish

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