React Native navigation


Install react-navigation

npm install react-navigation --save
react-native link

In App.js dont forget to import react-navigation

import React, { Component } from 'react';

import First from './First';
import Second from './Second';

import {
} from 'react-navigation';

const App = StackNavigator(
        First: { screen: First},
        Second: { screen: Second},
      initialRouteName: 'First',

export default App;


import React, { Component } from 'react';
import {
} from 'react-native';

import { NavigationActions } from 'react-navigation';

class First extends React.Component {
	static navigationOptions = {
	  title: 'First view',
	render() {
	  const { navigate } = this.props.navigation;
	  return (
		  title="Go second"
		  onPress={() =>
			navigate('Second', { name: 'test' })

export default First;


import React, { Component } from 'react';
import {
  View, Button
} from 'react-native';

class Second extends React.Component {
	static navigationOptions = {
	  title: 'Second',
	render() {
	  const { navigate } = this.props.navigation;
	  return (
		title="Go back"
		onPress={() => this.props.navigation.goBack()}

export default Second;

Good luck.

How I start to code CSS

Usually I am using these lines to start new project. It makes coding HTML easy.

/* ================== clearfix ================== */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .c
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }

/* ================== useful ================== */
.cb {clear:both}
.dib {display: inline-block;}
.db {display: block;}
.fl {float: left;}
.fr {float: right;}

/* ================== box sizing ================== */
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

*:focus {outline: none;}


Unity3d DOTween creating sequence


DOTween is one of the popular plugins in the Asset Store. It makes easier creating tweens and animations. Besides the Unity’s animation engine, Dotween is simple and useful. You can create tweens both with script or inspector easily.

Here you are sequence example in with DOTween:

Sequence Test_Sequence = DOTween.Sequence();
Test_Sequence.Append(Icon.transform.DOScale (new Vector3 (1.4f, 1.4f, 0), 0.1f));
Test_Sequence.Append(Icon.transform.GetComponent<Image>().DOColor(, 0.1f));
mySequence.Append(Icon.transform.DOScale (new Vector3 (1f, 1f, 1f), 0.1f));

Test_Sequence.AppendCallback(() => {
	// this is callback
Test_Sequence.Play ();

For more examples click here.

Unity3D debugging on terminal

Sometimes we can need to debug the game on phone. It is best way to see the logs on phone is to watch app/game in terminal. In Unity3D we can do it simple:

Open terminal while your game running and be sure usb cable is plugged. Write these command:

adb logcat -s Unity

Here is the simple screenshot from my terminal:


JavaScript read file from url

function readTextFile(file) {

	var allText
    var rawFile = new XMLHttpRequest()"GET", file, false)

    rawFile.onreadystatechange = function ()  {
        if(rawFile.readyState === 4) {
            if(rawFile.status === 200 || rawFile.status == 0)  {
                allText = rawFile.responseText;
    return allText


var file = readTextFile("file.txt")

MongoDB Get Specific Field From Collection in Meteor

Hello, today I wanted to get one field from my collection in meteor.

For this, I created template helper and added two parameters like this.

Template.registerHelper( 'getInfo', (id, field) => {
    return Users.findOne({ _id: id}).[field] 

Now I am getting specific information of user by specific id.

Usage in template:
[hmtl]{{getInfo userID “user_name”}}[/html]
or you can use like this:

Enjoy 🙂

2D Oyun Motorları Listesi [2016]

2D oyun geliştirmek için piyasada onlarca oyun motoru mevcut. Bu yazıda bu oyun motorları hakkında yorumlarım ve birkaç bilgi yer alıyor. Artık ben de oyun yapmak istiyorum diyorsanız tek yapmanız gereken size çekici gelen bir tanesini seçmek ve hemen işe koyulmak. 🙂

İsterseniz hepsini tek tek deneyip, size en kolay ve kullanışlı olanı da seçebilirsiniz.
Continue reading “2D Oyun Motorları Listesi [2016]”