Are you our next hire?

  • We are a young company still establishing our stack and processes, so being open to trying new languages and technologies is a must, as is putting forth honest and reasoned opinions on what works and doesn’t.
  • At the moment we are using ReasonML, GraphQL, JavaScript, Python, React Native, Docker, MYSQL, RethinkDB, and AWS Lambda.
  • We are looking for a new developer, whose first responsibility will be writing React Native apps in ReasonML.
  • You don’t have to have experience with these technologies, as long as you are willing and able to learn – – We expect you to have a good understanding of JavaScript, HTML/CSS, and web development in general.

We are a young company still establishing our stack and processes, so being open to trying new languages and technologies is a must, as is putting forth honest and reasoned opinions on what works and doesn’t. At the moment we are using ReasonML, GraphQL, JavaScript, Python, React Native, Docker, MYSQL, RethinkDB, and AWS Lambda.
Continue reading “Are you our next hire?”

A very simple @CodePen example for using #ReactJS Router: #Coding

A very simple @CodePen example for using #ReactJS Router:  #Coding

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Simple page navigation using React Router v2.8.1…
Continue reading “A very simple @CodePen example for using #ReactJS Router: #Coding”

Building Native Mobile Apps with React Native

Building Native Mobile Apps with React Native |

  • It’s been tough for developers to create native apps in different OS platforms.
  • Moreover, developing the native apps for different platforms requires skill sets and experience pertinent to the OS platform.
  • As a result, React Native is making progress by providing Real Native experience for different OS platforms.
  • The beauty of React Native is that it allows developers to build native apps using JavaScript and React.Its main theme lies on utilizing the power of React in native platforms.
  • The most useful features of React Native are the capability to write source code only in React Native, and the ability to compile it on various OS platforms.

React Native is providing Real Native experience for different OS platforms. It allows developers to build native apps using JavaScript and React.
Continue reading “Building Native Mobile Apps with React Native”

How to learn React Native

  • React Native is the hot topic these days for building mobile apps.
  • Learning ES6 makes it much easier to write React and React Native code.
  • The main things you should have learnt after completing the tutorial are Lifecycle of a React Component and what are props and state – – React Native uses Flexbox layout style to render views in a much easier and responsive way.
  • Since an important function in mobile app is how to navigate between screens, it is important to know how it’s done in React Native.
  • As of this writing, RN recommends to use libraries like ReactNavigation and React Native Navigation to use same code for both Android and iOS.

Here is a small guide for Android/iOS developers on how to learn React Native.
Continue reading “How to learn React Native”

I am Loving this Jelly Fish Splash React Animation see via @CodePen #ReactJs #React

  • You can apply CSS to your Pen from any stylesheet on the web.
  • Just put a URL to it here and we’ll apply it, in the order you have them, before the CSS in the Pen itself.
  • If the stylesheet you link to has the file extension of a preprocessor, we’ll attempt to process it before applying.
  • You can also link to another Pen here, and we’ll pull the CSS from that Pen and include it.
  • If it’s using a matching preprocessor, we’ll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Recreated https://dribbble.com/shots/2896850-Animated-DropSplash-Logo-Posibility with React and SVG…
Continue reading “I am Loving this Jelly Fish Splash React Animation see via @CodePen #ReactJs #React”

JavaScript: A Basic Guide to Scope – codeburst

  • Anything written in the global scope is accessible anywhere in your JavaScript codevar cat = ‘Jerry’;function localScopeExample(){ // LOCAL SCOPE console.log(cat); // Jerry}// GLOBAL SCOPEconsole.log(cat); // JerryLocal ScopeLocal scope is a little more complex.
  • However, calling cat outside of the function will result in an Uncaught ReferenceError:function localScopeExample(){ // LOCAL SCOPE var cat = ‘Jerry’; console.log(cat); // Jerry}// GLOBAL SCOPEconsole.log(cat); // Uncaught ReferenceError: cat is not definedSince local variables are only accessible within their functions, you can use the same variable name across different…
  • Because of lexical scoping, you can access everything in the global scope and in scope 1 within scope 2:// GLOBAL SCOPEvar dog = ‘Lewis’;function func1(){ // SCOPE 1 var cat = ‘Jerry’; var func2 = function(){ // SCOPE 2 console.log(cat); // Jerry console.log(dog); // Lewis }}Block ScopeWith var, a variable…
  • Let’s look at an example:let x = 1;{ let x = 2; console.log(x); // 2}console.log(x); // 1As you can see above, simply using brackets to create a code block will locally scope any variable declared within that block.
  • If you accidentally redeclare the same variable with the same block scope you will get an error:{ let x = 1; let x = 2;}Uncaught SyntaxError: Identifier ‘x’ has already been declaredKey TakeawaysGlobal Scope lasts as long as your application.Local variables are created when a function starts, and deleted when…

Scope is an important aspect of JavaScript and programming in general. Scope is what limits the visibility and therefor usability of variables, functions, and objects throughout your code. When you…
Continue reading “JavaScript: A Basic Guide to Scope – codeburst”

Going Over The Speed Limit

  • * Given in React Native EU (Poland) on Sept 6, 2017

    Asynchronous rendering is one of the core principles of React.

  • The same architecture seems to do miracles in React Native and gives JavaScript the performance boost needed to render native views effectively.
  • This benefit of React Native is also its greatest drawback.
  • For certain types of problems in native mobile, asynchronous rendering introduces an overhead that is almost impossible to bridge.
  • Is it possible to introduce synchronous rendering to React Native and tackle this category of problems from a different direction?

Asynchronous rendering is one of the core principles of React. On the web, the ability to batch updates and work on a virtual DOM proved to be key factors in improving rendering performance. The same architecture seems to do miracles in React Native and gives JavaScript the performance boost needed to render native views effectively.
Continue reading “Going Over The Speed Limit”