DEV Community: Prashant Pandey

How to create a SSH key for your github?

Prashant Pandey — Sun, 24 Jan 2021 03:04:57 +0000

I created a video to help people to understand about the github ssh key, so here is the video I am attaching with it. Please share it if you found it helpful.

YouTube:

Theme Toggler

Prashant Pandey — Sat, 02 Jan 2021 17:02:33 +0000

A theme change toggler.

So I was just doing some work yesturday and I think let's make a theme toggler button using a checkbox, and I found that it was pretty simple to create one.
Here I am sharing it to you.
We just need some small steps to create it,

Step1: Create a wire frame for checkbox in HTML

<input type='checkbox' id='check' />
<label for='check'></label>

Step2: Create css for it just use some css selector properties to tackle the checked and unchecked checkbox.

body{
  top: 50%;
  left: 50%;
  position: absolute;
  background-color: #000;
}
input[type=checkbox]{
  display:none;
}
label{
  cursor: pointer;
  width: 100px;
  height: 50px;
  background: linear-gradient(to right, hsl(210, 78%, 56%), hsl(146, 68%, 55%));;
  display: block;
  border-radius: 100px;
  position: relative;

}
label::after{
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: 5px;
  left: 5px;
  background-color: #fff;
  border-radius: 50%; 
  transition: all 0.5s;
  transform: translateX(0px);
}


input[type=checkbox]:checked + label::after{
    transition: all 0.5s;
    transform: translateX(50px);
    background-color: #000;
}


.dark{
  postion: absolute;
  margin-top: 34px
}

That's it , here is the result from this little code.

Redux Concept

Prashant Pandey — Mon, 28 Dec 2020 06:37:27 +0000

These days I am revising some concept which I learned while doing some projects. These concepts are useful if you are creating any website using react or some other technology. So we know that react uses props and states to manage the design and flow of data on any website. When working on small projects with a simple tree structure, it is easier to maintain the states of the components and pass the data between the components. For this, the data needs to reside in a single component so that it can be passed on to the sibling components. The method needed to update the state also needs to reside in the parent component and be passed to the sibling components as props. So state management gets messy when the app gets complex.

Here comes the concept called redux. Redux is an open-source JavaScript library for managing application state.

There are some terminology for the Redux.

Types
Reducers
Actions

First of all, we need to create a store where our states will store. To change something in the state, we need to dispatch an action. Actions get the data (or something accordingly) and according to the data, it will call the reducers to change or update the state. Lets understand with an example.

import { createStore } from 'redux';
const USER_LOADING = 'USER_LOADING';

const initialState = {
  isLoading: false,
};

function rootReducer(state = initialState, action) {
  switch (action.type) {
    case USER_LOADING:
      return {
        ...state,
        isLoading: true,
        error: null,
      };

    default:
      return state;
  }
}

const loading = () => (dispatch, getState) => {    //This is action.
  dispatch({
    type: USER_LOADING,
  });
};

const store = createStore(
  rootReducer,
);

So here in this example if we need to change the state of isLoading state to true we just need to call the action loading() in the component and it will automatically update the state for all.
This is it for now, if you have any question you can dm me.
Contact shared in my portfolio.

How to get production access to AWS Simple E-mail Service

Prashant Pandey — Mon, 23 Nov 2020 16:42:28 +0000

Here I will tell you about how you can get production access for the AWS SES. If you have any website and you want to send emails to your users and want to get so many subscribers to your blog or for your website then it's a good choice to send them emails and remind them about your website. So there are so many websites that will provide you this type of service for email marketing. But some of them are very expensive and some of them are cheaper. Here we are choosing AWS Simple E-mail service because its pricing is not much as compare to other services.

Pricing for AWS SES

For sending emails from AWS SES you need an AWS account and in this free account you don't have any production access to your SES service but its the sandbox access, means that you can only send emails to the verified emails from your SES dashboard, so for production access you have to request higher sending quotas for email.

Requesting a quota increase

So requesting a higher sending quota for Amazon SES, open a case in AWS Support Center, here is the link to the instructions
Amazon docs

You have to describe your use case effectively because if you do not describe it correctly they will not accept your request. So you have to convince them that you are not misusing their service. I also applied it for and here is my use case description.

I added my official website and described how I am managing the bounce emails, complaints
and unsubscription and they give me the production access to the service.

Thanks for reading !!!!!