Skip to content
This repository was archived by the owner on Feb 17, 2024. It is now read-only.

update #4

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

update #4

wants to merge 3 commits into from

Conversation

MehulATL
Copy link

No description provided.


The quickest way to migrate out of React is to move to Preact using their helper package called [`preact-compat`](https://github.com/developit/preact-compat). Preact also provides the good parts of React's API without the overhead or bloat of the framework that never really changed after it's release. Building on these ideas, Preact was able to excel on areas such as higher progressive web application score using lighthouse. also has better support for web components compared to React. Other differences also include server-side rendering and performance which is better in Preact than React.

## Why
Preact has a familiar API as React using pattern like ES6 classes and Functional Components without anything else like `React.createClass`, `Synthetic Events`, `PropType` validations, `React.Children`, and a lot of virtual-dom optimizations. At the same time the team behind Preact also provides a helper package for migration from React. Preact is highly optimized focusing in on the key parts that makes React so great while providing you with the best performance. This is why we think Preact is the perfect first choice when moving off of React to an MIT licensed framework.

Preact is a 3KB alternative to native React. This is accomplished mostly in part to lightening up the original React API and removing the Synthetic Events, PropType validations, and the ability call React.Children. React provides an optional add-on called, preact-compat if any of the aforementioned features are needed.
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

removed native, so people wouldnt get confused with React Native

@@ -55,14 +55,14 @@ This CLI creates a simple hello-world application. There is also a large readme


# React to Preact
<img width="699" alt="screen shot 2017-08-25 at 2 38 20 pm" src="https://user-images.githubusercontent.com/1016365/29733688-3a889c1c-89a3-11e7-86e0-2a73ce8c8c50.png">
<img width="699" alt="React to Preact" src="https://user-images.githubusercontent.com/1016365/29733688-3a889c1c-89a3-11e7-86e0-2a73ce8c8c50.png">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

these don't matter because we're placing this in contentful

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

word.
oh well doesnt hurt

README.md Outdated

When migrating to Angular from React there are many differences that you should be aware of. While some of the concepts of React remain with Angular, they are different architecturally. Here's a quick list of differences.
While many React concepts can be found in Angular, you should be aware of quite a few architectutral differences from React to Angular. Here's a quick list of differences.
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@gdi2290 @mayho
there are quite a few architectural differences from React to Angular that you should be aware of.

README.md Outdated
@@ -2,9 +2,9 @@

# How to migrate from React.js

Due to recent news, you might consider moving away from React.js or any technology under Facebook’s BSD+Patents License. If you are considering migrating or if you're trying to evaluate the scope of a migration, we've provided you a table of contents to determine what you need to know.
Due to recent news, you might be considering moving away from React.js or any technology under Facebook’s BSD+Patents License. If you are migrating or trying to evaluate the scope of a migration, we've provided you with a quick guide to help you make your decision.
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@gdi2290 @mayho
you might be considering moving sounds weird as we are placing 2 adjectives next to one another. I like the original here. But keep the update to the second sentence as I did the same thing.

README.md Outdated

## Performance
Vue was created with performance first by design. Each part of Vue reminds you of how much thought was put into it's design in order to achieve it's performance from all the learnings the community found in React. For example their virtual-dom does all of the optimizations that you want in React but by default. Vue also made sure you can still use the framework by simply dropping a script tag in your index.html and easily get up and running without losing performance for file size.
Vue was created emphasizing performance first by design. Each part of Vue shows you how much thought was put into it's design to achieve it's performance with all the lessons the community learned with React. For example, their virtual-dom implementation by default has optimizations that you would want in React. Vue also ensures you can use the framework by simply dropping a script tag in your index.html and easily get up and running without losing performance from file size.
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@gdi2290 @mayho
Vue was designed emphasizing a performance first approach

@MehulATL
Copy link
Author

changes made

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants