Comments (2)
Original author: Jack Zhao
Original date: 2020-05-06T16:33:01Z
You are a lifesafer Mark!! I started a fresh React app to see how much I can progress, but there were too many views so I'll probably need to adopt your incremental approach. I'll give what you have here a try! How did react2angular work out? Did you launch your production webpack build in the end?
from marks-dev-blog-comments.
Original date: 2020-05-06T16:50:17Z
Thanks! I threw this post together literally the day after I'd hacked in the core CRA conversion. I've made a number of additional tweaks and fixes to the setup since then - I'll try to update the post this weekend with a more complete list of changes.
Technically the work I've done is still waiting to get merged in to our main dev branch, as we've had a bunch of other stuff that was critical to get in for a pending release. That said, I've actually gone on and built out a new feature completely using React +TS, and it's worked out great. There's been some screwy interop stuff I've had to do (like using a `useLayoutEffect` to mutate a prop coming from Angular to ensure it's been updated properly), but it's all doable if you do truly understand how the two systems behave.
And yeah, react2angular does what it says on the box. I did learn a few key bits. For example, Angular templates _must_ have everything kebab-cased, both tag names and attribute names, while the JS props you reference are camelCased. So, I have `<my-component is-editing="vm.some.value">` in the template, but `angular.module("SomeModule").component("myComponent", react2angular(MyComponent, ["isEditing"], ["SomeInjectedService"]))` . Note the differences in casing.
from marks-dev-blog-comments.
Related Issues (20)
- RSS/atom links issue HOT 1
- How Web Apps Work: AJAX, APIs, and Data Transfer HOT 4
- Blogged Answers: Why React Context is Not a "State Management" Tool (and Why It Doesn't Replace Redux) HOT 31
- Coding Career Advice: Using Git for Version Control Effectively HOT 3
- Presentation: JavaScript for Java Devs HOT 1
- Practical Redux, Part 11: Nested Data and Trees HOT 6
- Coding Career Advice: Searching and Evaluating Online Information Efficiently HOT 2
- Presentations: Learn Modern Redux Livestream HOT 1
- Blogged Answers: A Comparison of Redux Batching Techniques HOT 1
- Codebase Conversion: Migrating a MEAN AngularJS app to React, Next.js, and TypeScript HOT 1
- Blogged Answers: React, Redux, and Context Behavior HOT 3
- Idiomatic Redux: Designing the Redux Toolkit Listener Middleware HOT 10
- Presentations: Intro to React, Redux, and TypeScript (2020) HOT 1
- How Web Apps Work: JavaScript and the DOM HOT 4
- Reactathon 2022: The Evolution of Redux Async Logic HOT 4
- Blogged Answers: How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries) HOT 1
- Presentations: Modern Redux with Redux Toolkit
- Blogged Answers: The Evolution of Redux Testing Approaches HOT 1
- Presentations: 2022 Podcasts
- Blogged Answers: My Experience Modernizing Packages to ESM HOT 10
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.
from marks-dev-blog-comments.