Introduction to SSH
SSH is the protocol that allows us to communicate between two computers over the internet. It allows users to share files as well as control and modify remote computers over the internet. It provides several alternative options for strong authentication, and it protects the communications security and integrity with strong encryption.

SSH Command

ssh {user}@{host}

You can try using free ssh server for this. Usually, I use for the ssh testing.

For Example :

ssh robbywh@tty.sdf.org 

Expanding Cards

I have reimplemented created by Brad Traversy using React and TypeScript. I want to explain how to create Expanding Card component in this article.

Firstly, create the ExpandingCards folder, then create an index.tsx and style.css file inside that folder.

In the index.tsx file type this code :

  1. The code below is used to keep the active card id :
const [activeId, setActiveId] = React.useState<number>(1);

2. The code below is used to looping the data :

{data.map((card) => (<div  key={card.id}  className={`panel ${activeId === card.id ? "active" : ""}`}  onClick={() => onClick(card.id)}  style={{ backgroundImage: `url(${card.url})` }}>  <h3>{card.title}</h3>

Robby Widyahartono

I’m a Full Stack Typescript Engineer, I usually work with react native, react js, and NestJS

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