#React
41 tweets
Dang. A day into refactoring a large #React app to use render props (in order to
allow re-use of application logic with a user-definable layout), I hit the
problem where render props return components with render props, and hooks don't
get called all the time.
If you starting this new week with a new frontend project in #React ⚛️ and only
know #Angular 🛡️ (or the other way around 🤹)
@dtanzer has a made nice comparison for you:
https://react-vs-angular.dev/
Learn how to do the same thing in both frameworks.
Hooks, because Classes in JavaScript are useless cruft.
The biggest gamechanger for #React development is using #TypeScript, so THAT as
well. https://twitter.com/ASpittel/status/1248314908535656448
Really good writeup of the advantages #VueJS has over #React for WikiMedia in
the "Why Vue.js" of https://phabricator.wikimedia.org/T241180
In case you need to visualize the signal strength of
@NordicTweets #cellulariot chip #nrf9160 you
might like this configurable #react component, which has logic to represent DBM
and RSRP values: https://github.com/bifravst/rsrp-bar


We are hiring a frontend developer to work in Trondheim on the #Electron app
that basically all our customers
@NordicTweets use: nRF Connect for Desktop.
We sponsor relocation via @OnboardNorway!
Ping me if you have any questions!
https://candidate.hr-manager.net/ApplicationInit.aspx?cid=278&ProjectId=176779&DepartmentId=7392&MediaId=5&SkipAdvertisement=False
#job #react #javascript
I have a #React #Hooks question:
https://codepen.io/coderbyheart/pen/EJgrJy?editors=0010
I am asynchronously doing work and want to report the progress in the UI, but
they way I thought it should work, does not.
How is this supposed to work with hooks?
In 2019:
- Frameworks and tools don’t last in #JavaScript. Don’t hold on to your current
tools too tightly. - #React will be the dominant framework.
- You’ll need to learn #GraphQL.
- Somebody on your team will bring in #TypeScript.
https://twitter.com/npmjs/status/1070773962945245184
You can pay what you can for this great ebook from
@rwieruch which also covers #testing in #React:
https://leanpub.com/the-road-to-learn-react
First time I built a static site using @gatsbyjs and it was a great experience:
you can use #React, have content from Markdown, a great developer experience,
and when done, it spits out a super fast static site. 👏
AirBnB has a really interesting writeup on #React Native:
https://medium.com/airbnb-engineering/sunsetting-react-native-1868ba28e30a
This is a very approachable guide for those of you who want to level up their
#React/#Redux knowledge. Fantastic value for €2,50!
https://twitter.com/dtanzer/status/1008605288335925248
#React components that implement Google's Material Design see 1.0.0 release:
https://medium.com/material-ui/material-ui-v1-is-out-e73ce13463eb
#react tip: Don't store elements in state.
Your element tree is always a function of your state.
Good read on #React patters:
http://lucasmreis.github.io/blog/simple-react-patterns/
Using redirects in a #React App should be considered an anti-pattern. You either
show a view based on the app state or not.
http://www.react.express/ let's you learn production ready #React skills
interactively.
#React is really nice for adding tiny widgets to a website. I've just built this
HN share button:
https://github.com/coderbyheart/underline/blob/33d9ce395a30faa0b915e303c623b29bc2c22649/src/js/hn-share.js
Because there are no great (and SSL enabled) weather widgets, I made one myself
with #React: https://github.com/coderbyheart/react-weather-widget
Beta test this new book on #react and #redux:
https://twitter.com/dtanzer/status/857196794412969985
When Does a Project Need #React? https://css-tricks.com/project-need-react/
#React is still bleeding edge, btw.
https://medium.com/@gianluca.guarini/things-nobody-will-tell-you-about-react-js-3a373c1b03b4
That is so weird and idiomatic … #react I need to find out if this can be done
explicitly. https://twitter.com/dan_abramov/status/838576620235550720
Drinking Granit while closing the awesome #react workshop with
@nikgraf #scriptconf


And here is a sample app with #react saga:
https://github.com/nikgraf/CarteJaune #scriptconf
Now for the nitty gritty part: external state.
@nikgraf recommends redux-saga:
https://speakerdeck.com/ryyppy/manage-side-effects-efficiently-with-redux-sagas
#scriptconf #react
For large structures in #react apps, it makes sense to use
https://facebook.github.io/immutable-js/ … look into if you really have a use
case. #scriptconf
#react apps can create a highly coupled system of nested components, which makes
refactoring hard. #scriptconf
Form Validation As A Higher Order Component in #react:
https://medium.com/javascript-inside/form-validation-as-a-higher-order-component-pt-1-83ac8fd6c1f0#.hkfesyoux
https://medium.com/javascript-inside/form-validation-as-a-higher-order-component-pt-2-1edb7881870d#.3uh2ktv1f
#scriptconfig
THE defining gist for higher order components in #react:
https://gist.github.com/sebmarkbage/ef0bf1f338a7182b6775 #scriptconf
Learning cool stuff on composability of #react components. #scriptconf
https://github.com/facebookincubator/create-react-app is a helper to start a
new #react app #scriptconf
In the #react workshop with @nikgraf and
@dtanzer and more #scriptconf people.
A highly scalable, offline-first #react foundation with the best DX and a focus
on performance and best practices:
https://github.com/mxstbr/react-boilerplate/blob/master/README.md
Blueprint is a collection of #React UI components for web applications:
http://blueprintjs.com/
#Angular2 versus #React:
https://medium.com/@housecor/angular-2-versus-react-there-will-be-blood-66595faafd51
React follows the unix philosophy and is more focused on JavaScript.