wallexd / class2hooks Goto Github PK
View Code? Open in Web Editor NEWRefactor React Class Components into Functional components
class2hooks's People
Contributors
Stargazers
Watchers
class2hooks's Issues
Background for Hasan
Implement getRefactorables
Create new jest test to check initial checks for integrity of input file
Current test setup in __test__ checks runs only transformations. We need tests against initial conditions
Add checks for untransformable ES6 Components
ToDo
- add checks for
findGetDerivedStateFromError - add checks for
findComponentDidCatch
Add Class component with method transformation
import React from "react"
class SomeCom extends React.Component {
someThis = () => {}
anotherThis() {}
render() {
return (
<div>
<button onClick={this.someThis}>Hello</button>
<h1>Hello</h1>
</div>
)
}
}
const SomeCom2 = () => {
const someThis = () => {}
function anotherThis() {}
return (
<div>
<button onClick={someThis}>Hello</button>
<h1>Hello</h1>
</div>
)
}Background for Cordell
Move SPEC and References to Wiki
Implement isRefactorables
Implement basic refactoring
ToDo
- Sketch out basic checks for initial run
- Implement
runChecks18afeef - Sketch out & implement
getRefactorables - Sketch out transformation strategies
- Implement transformation strategies
Design and implement refactoring lifecycle
- Sketch out basic concepts 80f590f
- Create initial implementations
- Code review
Add transformation for Class with state and methods
Add Pure component with props & jsx transformation
Add transformation for Class component with state
Transformation Bible
- Pure components with only jsx b4771f0
- Pure component with props & jsx
- Class component with method
- Class component with state
- Class with state and methods
Add documentation for development
- Monorepo setup
- Dev environment setup
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.