Announcing ReForm: Making forms sound good again with ReasonReact

Announcing ReForm: Making forms sound good again with ReasonReact

☞ 

#Reactjs #javascript

  • Announcing ReForm: Making forms sound good again with ReasonReactReForm short demo, check the source out at are really complex beasts and can scale to total chaos really quickly if you don’t know how to manage all those field states and validations altogether.
  • The nicest solution in React world is to lift the state of the form to some other component, which will take care, protect and give love to your form state.
  • In ReactJS there is a nice amount of solutions for dealing with form data management (Formik, Redux Forms, etc).
  • One of the first things I wanted to try to unleash the power of Reason’s type system was in forms, that’s why we developed ReForm.
  • ReForm still on its early stages and certainly still there is a lot to improve from community suggestions, but we are already loving to deal with its thin API using it for both web and native worlds with React Native.

Forms are really complex beasts and can scale to total chaos really quickly if you don’t know how to manage all those field states and validations altogether. The nicest solution in React world is to…
Continue reading “Announcing ReForm: Making forms sound good again with ReasonReact”

What I learned making my first open source React component

  • A folder for your code, a folder for your demo app (plus dev server and hot loading, yay\o/), a folder that you should use and I didn’t, some build stuff for shipping… – – Basically, it gives you everything you need so you can focus on your component and don’t…
  • You need a demo page so you can show off your component in action.
  • react-lazyload-fadein, for example, has a demo page that shows off different ways you can use it.
  • People will find out about your component in different ways.
  • Especially if someone could figure out how to slurp in the README file and make that demo page for you 🤔 – – The React community is a bit silly and loves to invent new patterns to bicker about.

Continue reading “What I learned making my first open source React component”

React Network #webdevelopment #reactjs from @ryanflorence

React Network  #webdevelopment #reactjs from @ryanflorence

  • Notifies your app when the network connection goes online or offline.
  • And then import it:

    Or use script tags and globals.

  • And then grab it off the global like so:

    Whatever you’d like to render in response to changes in the network.

  • Called whenever the network goes on or offline.
  • This is useful to fire off some imperative code, like adding unicorns to the page or more practically, avoiding resource fetching until the network comes back online.

Because the next billion users of the internet will have a decent device but a spotty connection. Having a component to help you declarative deal with that is super fantastic.
Continue reading “React Network #webdevelopment #reactjs from @ryanflorence”

Dumitru Glavan ~ FullStack Developer — Ionic or React Native?

Ionic or React Native?

  • You build a real mobile app that’s indistinguishable from an app built using Objective-C or Java.
  • It definitely takes more time to ship a decent app as a first timer.
  • “With React Native, you don’t build a “mobile web app”, an “HTML5 app”, or a “hybrid app”.
  • Your app will run smoothly on iOS and Android and you don’t need to learn native dev with ObjectiveC, Swift or Java.
  • Write your app ones and run it everywhere, don’t spend time on writing ObjectiveC/Swift or Java anymore!

Ionic or React Native?
Continue reading “Dumitru Glavan ~ FullStack Developer — Ionic or React Native?”