DEV Community: Raushan Kumar

VS CODE EXTENSION FOR DEVELOPER

Raushan Kumar — Tue, 07 Jan 2020 07:33:26 +0000

Here are some great VS-CODE extension :-

Auto Close Tag
Auto Rename Tag
Auto Complete Tag
Beautify
Code Spell Check
CodeStream
Color Highlight
Debugger Community
ES Lint
GistPad
Git Blame
Git Graph
Intellisense for CSS class name in HTML
Material Icon Theme
Path Autocomplete
Path Intellisence
Prettier Code Formatter
Print Code
ToDo Highlight
SVG Viewer

Please comment your own favourite extension :)

Todo Application in Reactjs

Raushan Kumar — Mon, 30 Dec 2019 12:05:25 +0000

INTRO

import React, { useState } from 'react';
import './App.css';

function App() {
const [text, setText] = useState(""),
[todos, setTodos] = useState([])

const add = () => {
return setTodos([...todos, text])
}

const deleteTodo = (i) => {
const updatedTodos = todos.filter((todo, index) => index !== i)
console.log("TCL: deleteTodo -> updatedTodos", updatedTodos)
return setTodos(updatedTodos)
}

return (

10Min Todo App

setText(e.target.value)} />
Add Item

{todo}

);
}

export default App;

Library for ReactJs

Raushan Kumar — Mon, 30 Dec 2019 05:27:22 +0000

INTRODUCTION

For fast development you can use ANT DESIGN .

INSTALLATION

Go to your application folder where package.json file exist
$ npm install antd

wait for installation .... enjoy UI component from ant design.

Note: You can use many more library of your choice.

ReactJS - How to Start React Application

Raushan Kumar — Mon, 30 Dec 2019 04:59:07 +0000

STEP - 1

npx create-react-app application-name-of-your-choice

// this will create a new application name application-name-of-your-choice

STEP - 2

cd application-name-of-your-choice

// this will move you to your application folder.

STEP - 3

npm start

// this will start your development server with localhost.

HAPPY CODING...........