DEV Community: Sai gowtham

Top 7 reasons to use Synthetic Monitoring

Sai gowtham — Fri, 29 May 2020 00:28:13 +0000

In this tutorial, we will learn about what is synthetic monitoring and
top 7 reasons to use the synthetic monitoring in your project

What is Synthetic monitoring?

Synthetic monitoring is also called active monitoring that helps you to monitor your applications by stimulating the users or traffic
periodically to collect the data of your application such as application uptime and performance.

The measured traffic is not of your real users; it is synthetically generated traffic.

7 Reasons to use Synthetic Monitoring

Provides End-User Perspective

Synthetic monitoring can proactively test your web, mobile, streaming, and SAAS applications in pre-production from the different geographical locations, different browsers running on real ISPs, and different devices.to make sure that performance will meet your end-users requirements.

The pre-production test data can be used as a baseline to set alert thresholds for performance in production in order to monitor performance and ensure the best end-user experience.

Application Availablity

Synthetic monitoring helps us to check the site’s availability and end-to-end performance 24/7 from the end-user perspective and be alerted to
issues before customers are affected.

Monitoring complex transactions and process

If you are striving to deliver high-level performance, it is not enough to check only application availability and uptime of your APIs. Synthetic monitoring (STM) allows you to emulate business processes and user transactions from the different geographies while testing from multiple browsers and devices.

For example, it can simulate logging in, adding items to cart, checking out, etc in order to measure performance. This allows you to compare stats between different locations and the steps involved in transactions. That gives you the necessary data to prepare for the performance improvement plans.

Test performance in advance of entering a new market

Synthetic monitoring allows you to test and identify, fix problems before deployment in key localities or new regions with real-world variables, such as connection speeds (DSL, broadband, fiber optics, etc).

When you are entering a new market it is important to know if performance and customer experience could impact the achievement of business goals. for example, expanding your product from the U.S. to the European market. Synthetic monitoring enables you to check the performance of your application from that geography and address the performance issues if any, before your real end-users encounter them.

Benchmarking your Performance

Synthetic monitoring provides you a valuable insight into how market leaders and the competition are performing. It also provides a context for shared goal-setting between IT and business mobile and website stakeholders to improve business results, and as a tool for measuring performance over time.

Baselining and Analyze Performance Trends

Synthetic monitoring provides you a stable and consistent environment
to measure application performance at all hours of the day, over a period of weeks or months. These baselines tests can monitor key transactions and geographic locations, while testing from multiple browsers and devices.

It is a best practice to improve your application performance and end-user experience.

Performance Impact of Third-party services

To provide good customer experiences, modern web or mobile applications mostly depend on third-party services like analytics, image hosting, ads, shopping carts, payment solutions, reviews, and other critical business functions. Synthetic monitoring enables the consumers of such third party services to monitor SLAs, performance loss, and unavailability incidents to keep the vendors accountable.

If you want to use synthetic monitoring for your next project
check out Sematext Synthentics tool that allows you to simulate user interactions and get ahead of performance issues before they impact your users.

How to Setup Performance monitoring in React with Sematext

Sai gowtham — Tue, 12 May 2020 01:01:58 +0000

In this tutorial, we will learn how to track the react app performance and real user monitoring (RUM) with Sematext.

Why is real user monitoring for React?

Real user monitoring (RUM) helps us to monitor, how the end-user is experiencing the app in their browser.
It detects any unusual behavior in your react app, such as slow response errors or a broken page.
Some times a particular page in your app takes a long time to load, due to the large images or JavaScript files with real user monitoring we can collect the resource timing data, such as how much time does it takes to download images, JavaScript, and css files in the user's browser.
It also has an alert mechanism when a serious issue has occurred.

By using this data you can improve your react app according to the user interaction and decrease the page load times.

Why Performance Matters

Performance plays a major role in the success of any online business because if your app or a blog is really good but it takes a long time to load on pc or smartphone, you can see the gradually dropping of users and search engine rankings.

Performance is about user experiences. When a site ships a lot of code, browsers must use the user's data plan to download the code, If a device has limited CPU and memory it takes more time to parse the code than the higher-end devices that leads to unresponsiveness and poor performance.

Here are some performance insights:

A one-second delay in mobile load times can impact mobile conversions by 50%.
53% of visitors will abandon your website if it takes more than 3 seconds to load.
Pinterest increased search engine traffic and sign-ups by 15% when they reduced perceived wait times by 40%. (article)
The BBC found they lost an additional 10% of users for every additional second their site took to load.
Whose sites loaded within five seconds earned up to twice as much ad revenue than sites loading within 19 seconds. (DoubleClick found publishers)

Test your site performance

Getting started

First, open your browser and navigate to the sematext experience.

Now, click on getting started and create a new account by entering your email and password.

Once you successfully created an account, on the side navigation bar open experience tab, click on the create experience app button.

Now, enter your app name, toggle Website uses Single Page Architecture button.

It will give an installation script like this.

<script type="text/javascript">
  (function(e,t,r,n,a){var c=[];e[a]=function(){c.push(arguments)};
  e[a].queue=c;var s=t.createElement(r);s.async=1;s.src=n;
  var u=t.getElementsByTagName(r)[0];u.parentNode.insertBefore(s,u)})
  (window,document,"script","//cdn.sematext.com/rum.js","strum");
</script>

Adding real user monitoring to React

1) Open your react app and navigate to the public folder and click on the index.html file.

Now add your Sematext installation scripts inside a head tag.

<script type="text/javascript">
    (function (e, t, r, n, a) {
      var c = []; e[a] = function () { c.push(arguments) };
      e[a].queue = c; var s = t.createElement(r); s.async = 1; s.src = n;
      var u = t.getElementsByTagName(r)[0]; u.parentNode.insertBefore(s, u)
    })
      (window, document, "script", "//cdn.sematext.com/rum.js", "strum");
</script>

<script type="text/javascript">
    strum('config', { token: '520cda56-83b8-4d0c-8c62-1c0134cd9614', 'receiverUrl': 'https://rum-receiver.sematext.com' });
</script>

2) We need to add a routeChange event listener to our app so that it keeps track the app when a route change happens because in single-page apps we are dynamically rewriting the same page by changing a url.

Open your routing configuration file and add the following history object to your Router component.

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Switch, NavLink } from 'react-router-dom';
import { createBrowserHistory as createHistory } from 'history';
import './index.css';
import Home from './components/Home';
import Contact from './components/Contact';
import NotFound from './components/Notfound';


const history = createHistory();

history.listen((location, action) => {
  if (action !== 'REPLACE') {
    window.strum('routeChange', window.location.href);
  }
})

const Routing = (
  <Router history={history}>
    <div>
      <ul>
        <li>
          <NavLink exact activeClassName="active" to="/">
            Home
          </NavLink>
        </li>
        <li>
          <NavLink activeClassName="active" to="/contact">
            Contact
          </NavLink>
        </li>
      </ul>
      <hr />
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/contact" component={Contact} />
        <Route component={NotFound} />
      </Switch>
    </div>
  </Router>
);



ReactDOM.render(
  Routing,
  document.getElementById('root')
);

Once you successfully completed all the above steps, now open your Sematext dashboard and click on the experience tab.

Code repository

Now, your react app is monitoring in real-time.

Let's explore some features on the dashboard.

On the resources tab, you can see the total number of downloaded resources for a particular url.

If you scroll down, you can see how much time it takes to download each resource.

On the Geography tab, you can see the page load times of each country. so that you can easily optimize your site based on your business location.

Conclusion

By using the Sematext Real user monitoring tool, you can find any performance issues and errors in real-time based on the end-user data and improve your react app page loads for every user, on every mobile or desktop device.

It also helps to optimize the layout and design to better serve customers.

Html Scan Chrome extension (Inspect and copy HTML)

Sai gowtham — Wed, 29 Jan 2020 13:48:45 +0000

I just published a new chrome extension called Html Scan which helps to check the HTML code or text of any element and instantly copy its code with one click.

You can use for copying code in web pages with one click instead of selecting the whole code using the cursor and pressing the ctrl+c.

It also shows you currently rendered element tagName, height & width, font-family and font-size.

Here is the extension Link : Html Scan

How to be successful at anything

Sai gowtham — Tue, 14 Jan 2020 14:02:06 +0000

Here are my 10 short tips:

Show your work to the world instead of keeping in your head💆.
Do the work consistently👌
Respect your work🥰
Don't postpone your work
Make mistakes 🔥🔥🔥
Don't live in your head 💆
No need to wait for an assurance
You are enough to make a change
Set a long term goal 🏘️ and work 🏋️on it
Don't compare yourself with the people already successful in your niche because they are already crossed hard times⚡⚡

This was originally posted in my twitter account

Liquid error: internal

You can also share your tips, in below comments section

Find me on twitter

The Beginners Guide to SEO In Blogging

Sai gowtham — Tue, 07 Jan 2020 15:42:43 +0000

In this article, I will show you how to do SEO in your blog.

What is SEO?

The full form of SEO is search engine optimization, it means how to get organic traffic to your blog by making your content search engine friendly.

Meta tags

In this section, you will learn about meta tags.

Meta tags are used inside the head element, which helps the search engine to know better about your content.

Meta description

The meta description tag helps the search engine to generate a search results snippet (sometimes google chooses randomly from your content).

Example

<meta name="description" content="write a short description about your post" />

Meta robots

It tells the search engine how to crawl and index your site.

Example:

<meta name="robots" content="index, follow" />

index - No problems index my page.
follow - follow any links on the page as part of crawling.
noindex - it stops the page from being indexed.
nofollow - Don't follow any links from this page as part of crawling.

Meta viewport

The meta viewport tag helps the browser to scale your blog width according to the device screens, and also you are telling google how mobile-friendly your page is.

Example:

<meta name="viewport" content="width=device-width, initial-scale=1">

The width=device-width means display my page according to the device pixels.

Write better titles

Writing better titles help the users and search engines to understand the content of a particular page.

The length of the title tag should be 50–60 Characters (after 60 google add ellipsis ...)

Include your main keyword in the title.
Use Synonyms like (iterate, loop, etc)
Adding numbers to your title

Examples:

<title>How to loop through JavaScript object</title>

<title>How to iterate through JavaScript object</title>

<title>How to loop through an object in JavaScript</title>

<title>3 different ways to loop through JavaScript objects</title>

Write descriptive anchor or link text

Sometimes you are linking your posts through anchor tags by using text like check out my post or click here, visit my blog etc.

Link text tells the search engine crawlers what page you are linking to.

Suppose I want to link to my previous blog post, how can I do is.

Good

If you are getting less traffic to your blog, check out my guide about How to Increase traffic.

Bad

If you are getting less traffic to your blog, check out my guide.

If you are getting less traffic to your blog, then click here to improve.

Choosing Short URLs

Always prefer short URLs instead of long URLs and also include your main keyword in the URL.

Examples:

Good

/javascript-loop-through-object/
/react-seo/
/seo-in-react/

Bad

/how-to-loop-through-object-in-javascript-id34-202443/
/react-seo-learn-seo-in-react/

Make images search engine friendly

Google better understands about your image, if you use descriptive text in your image files names.

For example, use green-glass.png instead of o0n040kkds.png

Use Alt attribute

Some cases images are failed to load in that case alternative text description is displayed in the place of an image.

<img src="green-glass.png" alt="green glass with air bubbles"/>

According to Google webmasters, Don't use CSS to display images it's a bad practice always use <img> or picture tags.

Use breadcrumb lists

A breadcrumb list allows users to navigate back to the root page or category page.

Recently I have implemented in my blog reactgo.com.

I hope this article will help you to improve your organic search results in 2020.

How to Increase traffic to your Personal Blog in 2020

Sai gowtham — Sun, 05 Jan 2020 21:47:14 +0000

Most bloggers quit their blogging in the early stages because they don't get enough traffic to do more work. In this article, I will show you how i drive more traffic to my blog.

Here are my initial traffic stats

By using the below strategies I grew my blog from 0-80000 views per month.

Choosing particular topics

You need to choose the particular topics that are getting less number of searches.

Let's say you have strong knowledge in React if you write a post about Introduction to react.js or How to manage the state in react apps.

If your search for that topic in google there are already forty-three million two hundred thousand search results chances are that no one will find out your blog through a search engine

Instead of that what I do in my blog is I choose a particular topic like
seo in react using helmet and I wrote a post about it How to add a seo to react apps using helmet.

Boom my post is ranking second in google search even I have less domain authority.

Solve interesting problems

I wrote a post about how to remove duplicate values from a javascript array and published in codeburst.io, in the comments section someone asked me how to remove duplicate objects from an array.

I solved the problem and posted the solution in the form of a blog post.

This post is getting the highest number of views and shares in my blog, recently someone used my solution in their youtube video.

youtube screenshot

Someone posted a link in stackoverflow

Even after one year, my post is ranking no 2 in google search.

Cross posting

Cross posting helps you to drive more traffic to your blog and also you will get feedback about your writing.

Take some of the posts from your blog and start posting in dev.to.

Here are some other sites which allows you to cross post:

codeburst.io
Medium
dzone.com
hashnode.com

Don't forgot to add your blog post link as a canonical url

What is a canonical URL?

A canonical URL is the URL of the page that Google thinks is most representative from a set of duplicate pages on your site. For example, if you have URLs for the same page (for example: example.com?dress=1234 and example.com/dresses/1234), Google chooses one as canonical. Note that the pages do not need to be absolutely identical; minor changes in sorting or filtering of list pages do not make the page unique (for example, sorting by price or filtering by item color).

The canonical can be in a different domain than a duplicate.

Clean UI and spacing

Always design the blog with Clean UI and use light colors, mostly think like a reader. Suppose If you get a problem and search on google for a solution.

You will open a random site which is showing in search results, The site is cluttered with a lot of ads and popups, do you show any interest to come back those type of sites.

Once again think like a reader and don't confuse the reader, use sufficient spacing between your lines, paragraphs and headings.

Social sharing

Try to create a twitter handler or Fb page related to your blog and start sharing your blog posts.

Last month, I started a new blog called codeexamples.dev and created a new twitter handler called @codeexampless then I started sharing blog post links.

There are only fewer retweets, likes and low engagement, instead of just posting blog links I started posting solutions in the form of code snippets regularly, it increases the engagement and also followers count.

Adding your site to google webmasters

Last but not least don't forgot to add your blog to google webmaster tools and also submitting sitemap.

I hope this article will help you to increase the traffic to your blog.

Hey, I created a new discord channel related to blogging for developers if you want to learn more about blogging you can join here by clicking this link

If have any doubts you can ask me in comments section.

For, more updates you can follow me on twitter

How to Start a Blog in 2020 and Grow (0 - 80k) Views

Sai gowtham — Sat, 04 Jan 2020 03:54:29 +0000

In this article, I will show you how I grew my blog from 0 to 80000 views per month with no paid tools used.

Views in 2018 November

Views in 2019 November

Why blogging

Sharing knowledge to the world
Improving your confidence
Building community
Learning New Skills

Choosing Topics

In this section, you will learn how to choose topics for your blog.

1) Google Trends

It is the best free tool available to find new topics based on the
region.

Let's say you need to write about JavaScript, open google trends and
enter JavaScript in the search area.

Note: If you need views from the United States then you need to find topics that are currently searching in the United States.

If you scroll down the site you will see related queries which are currently trending in the United States.

Have you seen in the above image currently optional chaining topic is getting most searches because it is a new topic only a few people wrote about it?

2) Stackoverflow

Stackoverflow is another best resource to find topics for your blog.

Open StackOverflow and click on tags then choose the topic you are interested in.

When you click on any tag by default StackOverflow shows the newest questions, so that you need to click on more tab and select the highest voted questions, because those are topics that are getting the highest number of organic searches from google.

3) Google search

Google search autocomplete shows the long-tail keywords and also related
keywords mostly searched on google.

autocomplete

These are some searches related to the following topic.

Choosing platform

There are many static site generators available to start a blog easily.
personally, I use Gatsby for my blog.

Some other static generators

For hosting a blog I use netlify because it is easy to setup.

Netlify gives you 100gb bandwidth for free so that initially it is more than enough.

Showing Up consistently

Most bloggers failed because they don't write consistently, I know writing is hard but if you want to succeed at anything you need to do the
work you have never done before.

I publish a new post every day in my blog currently, I have more than 360 posts.

The one thing I observed in my 1st year of blogging is most people are searching for small topics instead of large topics.

I found a keyword called react header and footer in Google and I published a post called How to add a header, footer components to React router now my post is ranked top 1 in google search.

Social and Community sharing

Social and community sharing boosts your blog and creates new
backlinks that build authority and trust in Google.

I shared my blog post Getting started with GraphQL, React on Reddit and most people upvoted it.

boom CSS-tricks twitter account posted my blog link.

CSS-Tricks

@css

⚛️ React Links!

Getting started with GraphQL, React and apollo client reactgo.com/graphql-react-…

A Complete React Boilerplate Tutorial — From Zero to Hero medium.freecodecamp.org/a-complete-rea…

How hooks might shape design systems built in React jeremenichelli.io/2019/01/how-ho…

05:40 AM - 21 Jan 2019

and also react.js related newsletters shared my blog link.

https://react.statuscode.com/issues/122

https://reactdigest.net/digests/183

You can also share your blogposts in dev.to, it is the beginner-friendly community where most people encourage you to do more work.

It takes time

Yeah, it takes time to build quality and trust there are no quick tips to
grow instantly for me it takes one year.

Every post I published started ranking on google after 1 to 6 months

I hope this article will help you to start a blog in 2020 and get good results.

For, more updates you can follow me on twitter

Next post, How to get initial traffic to your blog

Hello world examples in 10 different languages

Sai gowtham — Fri, 13 Dec 2019 12:04:52 +0000

In this article, you learn about how to write a hello world program in 10
different programming languages.

1. C

#include <stdio.h>

int main(void)
{
  printf("Hello World\n");
  return 0; // ends the program
}

2. C++

#include <iostream>
using namespace std;
int main()
{
    cout << "Hello, World!"; // std output stream
    return 0; // exit status
}

3. C# (c sharp)

using System;

namespace HelloWorld
{
    class Hello {
        static void Main(string[] args)
        {      // prints hello world
            System.Console.WriteLine("Hello World!");
        }
    }
}

4. Java

class HelloWorld {
    public static void main( String []args ) {
        System.out.println( "Hello World!" );
    }
}

5. Php

<?php
echo "Hello World!";
?>

6. Python

print('Hello ,world');

7. Ruby

puts "Hello World!"

8. Scala

object HelloWorld {
  def main(args: Array[String]): Unit = {
    println("Hello, world!")
  }
}

9. JavaScript

console.log('Hello World');

10. Kotlin

fun main(args: Array<String>) {
    println("Hello World!")
}

How to fix the error “Module was compiled with an incompatible version of Kotlin

I hope you learned something new if your favorite programming language is missing in the above list try to add it in the below comments section.

How to remove last character from a string in Swift

Sai gowtham — Fri, 13 Dec 2019 11:42:26 +0000

To remove the last character from a string we need to use the removeLast() method in swift.

Here is an example that removes the last character d from a string.

var str = "Fun World"

str.removeLast()

print(str)

Output:

Fun Worl

Note: The removeLast() method modifies the original string.

Swift version: 5.1

How Classes work in JavaScript

Sai gowtham — Sun, 11 Nov 2018 14:24:31 +0000

Classes are the syntactic sugar in the javascript unlike the other programming languages javascript doesn't contain proper classes.

Classes use the prototype-based inheritance by using constructors.

What is a constructor?

A constructor is a function object which is used to create and initializes the objects.

Let's discuss now by using examples.

function Student(){

}
const student = Student();
console.log(student) // undefined

If we invoke a function with the new keyword it will return the empty object instead of undefined.

function Student(){
}

const student1 = new Student();
console.log(student1) //  { }

How to add properties into that returned empty object?

function Student(name,age){

  this.name = name
  this.age = age
}

const student1 = new Student('king',20)
// { name : 'king',age:20 }

The new object is created by the constructor and assigned to this keyword so that we can add the properties to the object by using this.propertyname.

At last, the constructor returns this object like below image.

Classes

Classes are also a special type of functions using prototype-based inheritance.

to declare the class we need to use class keyword.

class Student{

constructor(name,age){
  this.name = name
  this.age = age
}

}

const student1 = new Student('king',20)

// { name : 'king',age:20 }

Methods in classes

class Student{

 constructor(name,age){
  this.name = name
  this.age = age
}

 getAge(){
   return this.age;
 }

}

const student1 = new Student('king',20)
student1.getAge();

The methods we declare inside the Student class are added to its prototype and it assigns the methods to the this.__proto__ property. so that at the time of accessing the getAge method javascript engine first look on its object, if it fails to find then it will look up at the __proto__ property.

check out the below image you will get the clarity.

Extends in classes

Extends keyword helps us to access the properties and methods present in the other class or parent class.

super
If we extend the class from the parent class we need to invoke the parent class before using the child class there is a super method provided by the javascript, it does the invocation for us.

class Csestudent extends  Student{

    constructor(name,age,course){
      super(name,age);
     this.course = course
    }

   getCourse(){
      return this.course
   }
}

const student = new Csestudent('king',20,'JavaScript')

In below image, i have shown how javascript engine process the code.

Let me explain what happens when we invoke a Csestudent class javascript engine first adds the Csestudent to the call stack once it sees the super method it invokes the parent class which is a Student and it returns the object with two properties at final we are adding course property to that object.

The final student object might look like these.

But the methods we declared in the Student class are present in the this.__proto__.__proto__

References

Ecmascript-262 Objects
- Ecma-262 Class definitions

Originally Published at reactgo.com
Follow me on twitter

Intro to Big O Notation 👀

Sai gowtham — Wed, 03 Oct 2018 14:54:48 +0000

What is Big O?

In computer science, big O is used to analyze how their running time or the space used by an algorithm.it is invented by Paul Bachmann, Edmund Landau.

Let's discuss some common time complexities with the help of examples.

Constant time O(1)

If an algorithm has a constant time, it means that it always takes the same amount time to produce the output.

Example

function removeLastitem(arr){
  return arr.pop()
}

console.log(removeLastitem([1,2,3,4,5,6]))

In the above example removeLastitem function always takes the same amount of time to remove the last item from the array it doesn't matter if the array has 10 items or 20 items.

Linear time O(n)

if an algorithm has a linear time, it means that the running time of an algorithm grows as the input size grows.

example

function sum(arr) {
    let total = 0;
    for (let i = 0; i < arr.length; i = i + 1) {
        total += arr[i];
    }
    return total;
}

console.log(sum([1, 2, 3, 4])) //10

In the above example,sum function increases its running time according to the size of the array.

Quadratic time O(n²)

The running time of an algorithm is directly proportional to the square of the size of the input.

example :

function addAndLog(arr) {
    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr.length; j++) {
            console.log(arr[i] + arr[j])
        }//O(n)
        console.log("----")
    }// O(n)
}

In the next tutorial, we will learn about logarithms hope you learned something.

Happy coding ...

Follow me on twitter

Originally published at reactgo.com

How to start writing

Sai gowtham — Sat, 29 Sep 2018 14:25:15 +0000

First, let me share something about me i was started writing from Apr 5, 2018, in dev.to and Medium so far i have gained 6,000 followers in dev.to and my monthly views in the medium are 30k.

Everything is already in front of you just create an account in dev.to and start writing from today don't think more about your grammar or mistakes.

“Those who only do what they feel like… don’t do much. To be successful at anything you must take action even when you don’t feel like it, knowing that the action itself will produce the motivation you need to follow through.” -Hal Elrod

At the time of i started writing my grammar is not good but i never think of that because any skill we want to learn can take time. It's ok to make mistakes without making mistakes we can't grow so don't stop writing if someone criticizes you.

“You can’t be an important and life-changing presence to some people without also being a joke and an embarrassment to others.
”- Mark Manson

Don't think more about what other people say. If you don’t have control over what you are doing the people besides you can control your brain because you always fear of doing new things or trying things.

The only way to be better at writing is to write daily choose a topic a start writing. Don't compare your writing with other people because everyone has there own voice so don't be someone else be yourself.

Sarasoueidan is a freelance front-end UI/UX developer what she said about writing.

"I even uninstalled Google Analytics because I didn’t care about checking any visitor numbers or bounce rates or whatever. My blog is there, and I will publish content, whether people read it or not."

without doing wrong you never know what is right.

Checkout --> Best Programming Laptops

DEV Community: Sai gowtham

Top 7 reasons to use Synthetic Monitoring

What is Synthetic monitoring?

Provides End-User Perspective

Application Availablity

Monitoring complex transactions and process

Test performance in advance of entering a new market

Benchmarking your Performance

Baselining and Analyze Performance Trends

Performance Impact of Third-party services

How to Setup Performance monitoring in React with Sematext

Why is real user monitoring for React?

Why Performance Matters

Getting started

Adding real user monitoring to React

Conclusion

Html Scan Chrome extension (Inspect and copy HTML)

How to be successful at anything

The Beginners Guide to SEO In Blogging

What is SEO?

Meta tags

Write better titles

Write descriptive anchor or link text

Choosing Short URLs

Make images search engine friendly

Use breadcrumb lists

Related content

How to Increase traffic to your Personal Blog in 2020

Choosing particular topics

Solve interesting problems

Cross posting

Clean UI and spacing

Social sharing

Adding your site to google webmasters

How to Start a Blog in 2020 and Grow (0 - 80k) Views

Why blogging

Choosing Topics

Choosing platform

Showing Up consistently

Social and Community sharing

It takes time

Hello world examples in 10 different languages

1. C

2. C++

3. C# (c sharp)

4. Java

5. Php

6. Python

7. Ruby

8. Scala

9. JavaScript

10. Kotlin

How to remove last character from a string in Swift

How Classes work in JavaScript

What is a constructor?

Classes

Methods in classes

Extends in classes

References

Intro to Big O Notation 👀

What is Big O?

Constant time O(1)

Linear time O(n)

Quadratic time O(n2)

How to start writing

Quadratic time O(n²)