react-life-cycle
-
Updated
Jun 4, 2017 - JavaScript
react-life-cycle
1. React JSX and CLI 2. React Hello World 3. React states 4. React Component life cycle 5. React Events 6. React Forms 7. React Router 8. React Redux 9. Redux Store, Provider, reducer, dispatcher
Diving Deep into React Component LifeCycles
Little utility to read previous props in getDerivedStateFromProps. It helps to fast replace depricated componentWillReceiveProps.
Dad Jokes is an app that lets people view and vote on cheesy jokes. When the page loads, it fetches 10 jokes. The application lists the jokes, along with a “vote-up” button, a “vote-down” button, and the net score for each joke. Users can vote, and the net score should update.
React Counter is the application created using the React Js. The application uses the fundamental concepts of the class-based component in reacts, props, re-rendering, components, react-lifecycle, and class-based ideas.
Build an app that displays a deck of cards, one card at a time. When the page loads, send a request to https://deckofcardsapi.com/api/deck/new/shuffle to create a new deck. Store the Deck ID it gives you, so you can make further requests to retrieve each card image.
React Class Component example with state (different ways to initialize it), setState
A contacts app built with React
To-do application - first bigger project in React. Work in progress - developer version with basic and some advanced function (adding to-do, searching to-do, listing and sorting to-do, deleting/checking/editing to-do, option to display all tasks or just those that are opened/finished and sort them as well).
This is a basic application where you can add contacts and fix appointments for the required contacts. ( Just Browser based, no database used, data is lost, once reloaded )
List of experimental results of using React Hooks and React Life Cycle methods
I built this project through Elevation academy full-stack Bootcamp, in this project you can see movies, add them to your Rented list and see movies details all that depends on your budget
A Path finding visualizer that uses different algorithms to visualize a path on a grid. Notably A * and dijkstra. Also has the functionality to generate different mazes using different maze generating algorithms. So one can play around, visualize the difference in efficiency of different path finding algorithms on a bigger and more complicated s…
Let's build Digital Timer App in React JS. App link: https://jstDigitalTimer.ccbp.tech
This Sapper extend SAP functionality By creating a React Web app using a Dhiwise, Figma design and SAP API.
my-cart-app
Add a description, image, and links to the react-life-cycle topic page so that developers can more easily learn about it.
To associate your repository with the react-life-cycle topic, visit your repo's landing page and select "manage topics."