Horizontal scroll animations in React Native – codeburst

  • Horizontal scroll animations in React NativeLink Animated with ScrollView to create a nice navigation UI animation in React NativeWhat we will be buildingRN lets you build a nice and smooth UIWhat you will needReact NativeSimulatorNo third party libraries required :)Creating Screen component with AnimatedFirst, import Animated, Dimensions, ScrollView, StyleSheet, Text, View from “react-native” .
  • Next, create a component that will be treated as a screen or a view.We are using Animated.View here because we are going to animate that wrapper component.That width ofscrollPage style and are important because we are going to interpolate horizontal scrolling values to multiple animation values.
  • In other words, we are going to track where the screen is and animate the screen component based on that value.It’s one of the things that are tricky to explain in words, but it is the key concept to understand for this to work.Basically, we link animations based on the…
  • When the scroll position is at 150, first screen is half way done exiting, and the second screen is half way done entering.Adding animationsSince they are all set up, it is time to write the animations.
  • You would have to write a different inputRange since FlatList removes items that scroll way off screen.I think this is pretty neat UI animation that’s pretty simple to use.

That width ofscrollPage style and transitionAnimation(props.index) are important because we are going to interpolate horizontal scrolling values to multiple animation values. In other words, we are…
Continue reading “Horizontal scroll animations in React Native – codeburst”

Hello there! – Eduardo Martínez – Medium

Hello there!  #introduction #react #javascript #filmmaking #photography #reactjs

  • Allow me to introduce myself properly since I’m planning to write quite a lot from now on (it’s only fair).
  • My name is Eduardo Martínez, I’m a computer science major (graduated university on early 2015), a no-filmschool filmmaker, hobby to which I got into on my freshman year of university and have managed to pull off some amazing stuff with my friends and a bunch of budget gear and amateur photographer upon request.Now with the coding stuff, I got into web development on early 2014, I’ve been working with mostly front-end JavaScript libraries and frameworks since 2015 and ReactJS Redux since 2016, as work experience concerns, my first ‘real’ job was an internship at a ‘fortune 500 best companies to work for’ back in early 2015, currently I’m co-founder and front-end web developer for the costa rica based startup TriumApp (still under pre-alpha development), from my internship to my current job there has been some projects as a freelancer here and there as well as some other stuff along those lines.Steve, the mantis that showed up couple of nights ago by my bed lamp.Now, that previous paragraph was a mere formality that had to be taken out of the way, and it also looks an awful lot like a resumé, but that’s not “me”, Who am I?
  • Well, I’m the kind of guy that gets fired on his birthday/last rainy day of the season, the guy that always has that funny remark/witty comment about something, the overly optimistic (way-past-annoying kind of optimistic) guy and the guy that has always that one weird idea that works out for some reason.As a person for my whole life I have always struggled to fit wherever I went, getting into university 3 months after turning 16 wasn’t helping at all with that (go figure why), but after graduating and getting to know a lot of awesome people, friends, classmates, teachers, and the ocasional fellow bus commuters small talk, I’ve come around, and now as I had a bit of a hard time fitting in, and overall getting the help I needed while going through my academic career.
  • I have decided to use this medium (pun kind of intended) to post true “beginner and below” tutorials to get people started on JS, React, Redux, Filmmaking, Photography; as well as some life lessons and my usual non-sense along the way.I don’t aim to have a big audience, but rather to get the knowledge out and to help out those that actually need it, just like I once did, even if that’s a group smaller than my current tweets count, I’ll keep on doing it for them.I hope we can come a long way and may you find something worth reading on my posts on whatever topic.

Right now you’ve seen a very nice picture depicting me, but then again, don’t we all look good through the lens of a dslr-camera? Allow me to introduce myself properly since I’m planning to write…
Continue reading “Hello there! – Eduardo Martínez – Medium”

dimaip/rewrite-sponsorship.md Last active Nov 28, 2016

  • But right now I can not afford to work on my spare time as much as the project currently requires it.
  • I have been a part of this project since its early prototype days, and was able to spend quite some time working on it, including joining 3 code sprints fully focusing on it.
  • The time I have to offer is not much, about 20-30 hours per month, but it could allow me to concentrate on the boring parts of the rewrite such as polishing the visual looks of the components as well as those details that are a bit hard to provide in spare time.
  • So I’m looking for sponsors that would allow me to relocate some of my freelancing time towards finishing the UI rewrite .
  • The project will have immediate benefits like improved performance, correctly working media-queries and higher robustness of the UI due to the use of iframe for site content.

Neos CMS team is currently in the middle of UI rewrite on top of React. This project will have immediate benefits like improved performance, correctly working media-queries and higher robustness of the UI due to the use of iframe for site content. But main aim for it is to support ambitious plans of our project (such as structured editing of content) that would require a modern foundation.
Continue reading “dimaip/rewrite-sponsorship.md Last active Nov 28, 2016”