Mike Grabowski: Compared to its alternatives, React is what makes React Native shine

.@Grabbou: Compared to its alternatives, #ReactJS is what makes React Native shine

  • We have special weekly meetings of every open source project team which makes it easy to join any time.
  • We plan to make it public at some point, so that it’s not only transparent for folks what we are up to, but also easy to join and help us deliver for better tomorrow.Does the focus on modern technology stack help Callstack acquire more clients?It is just one of the…
  • What they are looking for is to solve specific problems that they have, and right now, the best answer to this problem is: Use React Native.What’s the best use case for choosing React Native over fully native applications?If you have an app that’s already written in React and looking into…
  • There are hundreds of other, perfectly legitimate use cases, to go with React Native.Have you experienced React license issues bothering your clients?No.What do you think is the future web and mobile development?That really depends on vendors.
  • I am paying attention to the way Kotlin evolves on other platforms as well as Flutter, that unlike React Native, uses its own rendering engine and compiles ahead of time.Are you excited about speaking at React Day Berlin?Yeah, totally!

Because Mike is going to speak about animation in React Native at React Day Berlin on December 2, we asked him a couple of questions about his experience with the technology and his current position…
Continue reading “Mike Grabowski: Compared to its alternatives, React is what makes React Native shine”

Integrating Swift Classes into React Native – Olivia Oddo – Medium

Integrating #Swift Classes into React Native with this guide:  #ReactJS

  • Add @obj modifiers: The React Native docs state that Swift does not support macros, so we have to add @objc modifiers to ensure the class and functions are exported properly to the Objective-C runtime.Add the @objc modifier to your class like so…Next, add the @obj modifier to any methods you…
  • Bridging header: In the bridging header you created add this line of code Objective-C file: We now need to create an Objective-C file in order to expose our Swift to React Native.
  • Multiple Swift classes: If you have multiple classes you can add several swift files (do not need to add additional bridging headers).
  • You can then add the other classes and methods to your Objective-C file like so…11.
  • Invoke Swift methods: In your React Native class invoke the Swift methods that we exposed.

I was developing a React Native application recently, and something I needed to do could not be implemented in Javascript. I resorted to integrating Swift classes and methods into React Native as…
Continue reading “Integrating Swift Classes into React Native – Olivia Oddo – Medium”

Why build your forms with Redux Form – DailyJS – Medium

Why build your forms with #Redux Form:  #ReactJS

  • Why build your forms with Redux FormWhen I usually create forms for my React/Redux applications I tend to keep the value of the inputs on the application state, with little to no editing, (because my forms are usually simple), I never stopped to realize what that means.
  • It also receives an event handler that will update the state when the user interacts with it.It means that when the user types the letter “J” on the input, what is visible is not the same “J”, it may be an identical “J” that comes from the state, or whatever the event handler has put in there.Ok but, that doesn’t answer the first questionBy having all the application state in the JavaScript app and using controlled components we get a single source of truth and take full control over the application behavior.In the context of a form, our React component is able to:do instant validation;control the input value format;enable, disable, show or hide components given the state;handle dynamic inputs.Although it is highly recommended to use controlled components, it is also good to point the drawback that you will have to create event handlers for all your inputs and that may be a bunch of code that doesn’t make sense to the application.What about Redux Form?Now that is known why to keep the form data in the state and you reason if that makes sense for your application we can come back to our main subject.
  • It keeps track of all common application form state such as:The fields that are in the form;The values of each field;The focused field;If the field values are valid;The fields that the user have interacted with;If the form is being submitted;If is happening any asynchronous validation.Let’s take a look at a bit of code and see how to do a setup.Here we connect the form component to Redux by decorating it with the high-order component reduxForm.
  • It will also hand us the handleSubmit function, which will take care of the submission behavior.The Field component takes our input component as its props and acts as a container, bringing the application state to the input component and binding the event handlers to update the state in store.Look at the InputText component to see the props we receive from the Field.One important point is that it’s still a developer’s responsibility to write the form and inputs components, this way the library does not take the flexibility from you to manage the behaviors of your form the way you want, or even add custom ones.And to finish our integration we add a reducer that will handle the state changes of your form.Simple isn’t it.Just one more point.
  • Look that the default value of the input is defined when the high-order component reduxForm is called and comes to the input within the prop input and not from the react’s prop defaultValue, this way we guarantee that our form values are all represented in the application state.In summary, having all your form data in application state gives you control over its behavior and you can easily implement that on a React/Redux application with Redux Form.I have created a repository on GitHub with the implementation above.

When I usually create forms for my React/Redux applications I tend to keep the value of the inputs on the application state, with little to no editing, (because my forms are usually simple), I never…
Continue reading “Why build your forms with Redux Form – DailyJS – Medium”

New React & Azure Cosmos DB Videos Are HERE – Burke Knows Words – Medium

New @reactjs & Azure @cosmosdb Videos Are HERE

  • New React Azure Cosmos DB Videos Are HEREThere are a few people out there who love me (Hi Mom!)
  • And somewhere in the intersection of all of this are people who love free stuff and React.
  • For those people, I have a little something special.Today I am releasing parts 3 and 4 of my video series on building an application with React, Express and Cosmos DB.Cosmos DB is the new NoSQL database from Microsoft Azure that supports that Mongo DB API.
  • That means that if you know how to build an application with Mongo, you already know how to build with Cosmos DB.
  • The difference is that Cosmos DB is designed for scale and speed.Introductions out of the way, let’s get right to it.Part 3: Creating The UI With ReactIn this video, we’ll create the user interface portion of our application with React and test with some dummy data on the server.Part 4: Cosmos DBThis video will find us creating a new Cosmos DB instance and setting up our project to connect to our database so that we can read and write data.More Coming SoonThe rest of this series is rolling out in the coming weeks and we’ll always be free.In the meantime, check out part 1 and part 2 or the finished application on GitHub.

There are a few people out there who love me (Hi Mom!). There are a BUNCH of people (myself included) who love free *stuff*. And somewhere in the intersection of all of this are people who love free…
Continue reading “New React & Azure Cosmos DB Videos Are HERE – Burke Knows Words – Medium”

Twilio with Fabrizio Moscon of HoxFon

  • Tell us about yourself, how did you get into programming, and what brought you get to React Native?
  • If you did not use React Native what would have been you second choice, maybe a Cordova implementation?
  • If you want to implement Calling in React Native what options do you have?
  • If someone want to implement Twilio, what do they need besides using the library to get it up and running with React Native?
  • What makes this good to work with React Native, as far as GraphQL or Graphcool?

This player is only available in HTML5 enabled browsers. Please update your browser or
download the episode

Continue reading “Twilio with Fabrizio Moscon of HoxFon”

front end developer [react and rails a +]

  • Are you an Engineer looking to revolutionize the way people innovate and build software?
  • Do you want to create something that will change the way people think about innovation, and work with cutting-edge visualization, collaboration, and social ideation technologies at the same time?
  • was founded by a proven team of Silicon Valley veterans whose last two businesses were acquired by well-known public companies.
  • to link their brilliant strategy to their team’s work and create visual roadmaps.
  • If you have the right background, we will quickly follow up with you.

As a Front End Developer at Aha!, you will have an excellent opportunity to join a breakthrough and profitable company that is growing fast.
Continue reading “front end developer [react and rails a +]”

Modern static site generation

  • There is this function called Server Side Rendering where you can produce static HTML content directly from a tree of React.js components.
  • At the time of reading this, this site will already be served by GitHub pages and the content you will see once you view the source it’s been generated by Gatsby.js.
  • Here’s my list:

    At the time that I started following them, all of them were in a very early stage and none of them could generate my site’s content the way I wanted and in the same way as my previous one so to not lose paths and certain functionalities.

  • Think of when you are caching the home page of a WordPress powered site and you are serving the cached content to every visitor.
  • Imagine that instead of having memcached caching your HTML in front of your WordPress site, you trigger a hook each time your database changes that will re-generate the frontend using Gatsby.

In this post, I will talk about static site generators. How they have evolved and why I switched from a Ghost powered site to Gatsby.js, a modern static site generator.
Continue reading “Modern static site generation”