Coder Social home page Coder Social logo

donycisne / react-hooks-demo Goto Github PK

View Code? Open in Web Editor NEW
6.0 2.0 6.0 1.9 MB

:tada: React Hooks Demo is inspired by Dan Abramov Demo in React Conf 2018. This demo shows you how to use hooks like useState and other React features without writing a class.

Home Page: https://hooks-demo.now.sh/

HTML 8.94% CSS 24.51% JavaScript 66.55%
reactjs react-hooks usestate usecontext useeffect es6 javascript css html

react-hooks-demo's Introduction

React Hooks Demo

At React Conf 2018, Sophie Alpert and Dan Abramov introduced Hooks, followed by Ryan Florence demonstrating how to refactor an application to use them.

You can watch the video here:

โžก React Today and Tomorrow and 90% Cleaner React With Hooks.

You can see Ryan Florence Demo here:

โžก 90% Cleaner React With Hooks.


๐Ÿš€ Demo

https://react-hooks-demo.now.sh

React Hooks Demo is inspired by Dan Abramov Demo in React Conf 2018

react-hooks-demo


๐ŸŒˆ What are Hooks?

Hooks let you use state and other React features without writing a class. You can also build your own Hooks to share reusable stateful logic between components.

Read on the react blog for more about hooks.


โญ Demo Usage

Clone this repository and enter on the repo directory by typing on the terminal:

git clone https://github.com/donycisne/react-hooks-demo.git

cd react-hooks-demo

Now you need to install all the dependencies by typing on the terminal:

yarn or npm install

Finally you can start the app by typing on the terminal:

yarn start or npm start

๐Ÿ“š Learning

react-hooks-demo's People

Contributors

donycisne avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.