Tutorial by Examples: com

Create React Component

Let's explore the syntax differences by comparing two code examples. React.createClass (deprecated) Here we have a const with a React class assigned, with the render function following on to complete a typical base component definition. import React from 'react'; const MyComponent = React.crea...

Composition operators

Two useful higher-order functions are the binary application (@@) and reverse-application or "pipe" (|>) operators. Although since 4.01 they're available as primitives, it might still be instructive to define them here: let (|>) x f = f x let (@@) f x = f x Consider the problem ...

Custom Listview comprises of rows that are designed as per the users needs.

For the layout above your customrow.axml file is as shown below <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_heigh...

Use IMultiValueConverter to pass multiple parameters to a Command

It is possible to pass multiple bound values as a CommandParameter using MultiBinding with a very simple IMultiValueConverter: namespace MyProject.Converters { public class Converter_MultipleCommandParameters : MarkupExtension, IMultiValueConverter { public object Convert(object...

Basic webpage using bootstrap components

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">...

file manipulation commands

List of commands that will be introduced here: ls #view contents of a directory touch #create new file mkdir #create new directory cp #copy contents of one file to another mv #move file from one location to another rm #delete a file or directory ls examples jennifer@my_co...

cd command, directories explained

michael@who-cares:~$ The symbol ~ after the who-cares: is the current directory. ~ actually means the person's home directory. In this case, that's /home/michael. michael@who-cares:~$ cd Downloads michael@who-cares:~/Downloads$ Looks for Downloads in the current directory, then makes that th...

Full commented example

'use strict'; import React, {Component} from 'react'; import ReactNative from 'react-native'; const { AppRegistry, StyleSheet, Text, View, Navigator, Alert, TouchableHighlight } = ReactNative; //This is the app container that contains the navigator stuff class AppC...

Reading commands from a script file

Octave commands can be saved in a file and evaluated by loading the file using source. For instance, let hello.m be the text file containing two lines (the first line is a comment) # my first Octave program disp('Hello, World!') If you type source hello.m at an Octave command prompt you will g...

Setup Codecommit for git command line

AWS Codecommit can be used as storage for private GIT repositories. The setup involves a few steps, assuming you have a valid AWS account already. Sign up for AWS Codecommit. Currently only region us-east-1 is available. Create a IAM user who will have access to the repositories, eg codecommit-u...

Use SourceTree with AWS Codecommit

Atlassian SourceTree is a visual tool for Mac and Windows to manage source code repositories. This can be used with Codecommit as a remote repository but need to add an extra configuration option to the local repository in SourceTree to be able to connect with codecommit. First, setup Codecommit fo...

Adding more than one google auto complete activity.

public static final int PLACE_AUTOCOMPLETE_FROM_PLACE_REQUEST_CODE=1; public static final int PLACE_AUTOCOMPLETE_TO_PLACE_REQUEST_CODE=2; fromPlaceEdit.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { ...

Custom Commands

Nightwatch supports creating custom commands that can simulating keystrokes, mouse clicks, and other inputs. A custom command can be chained with other Nightwatch commands, like so: module.exports = { "Login App" : function (client) { client .url("http://localhost:300...

Components & Page Objects

Page Objects are similar to Custom Commands; except they are collections of custom commands that are associated with a specific UI component. This works extremely well with modern component based design, such as in React. module.exports = { url: 'http://localhost:3000/login', commands: [{ ...

Complete example

Suppose we have container "CustomersContainer" which connects a "Customers" dumb component to the Redux store. In index.js: import { Component }, React from 'react'; import { render } from 'react-dom'; import { Provider } from 'react-redux'; import { createStore } from 'redu...

installing via composer (github)

1 cd my/project/dir 2 git clone git://github.com/zendframework/ZendSkeletonApplication.git 3 cd ZendSkeletonApplication 4 php composer.phar self-update 5 php composer.phar install

Basic commands on mongo shell

Show all available databases: show dbs; Select a particular database to access, e.g. mydb. This will create mydb if it does not already exist: use mydb; Show all collections in the database (be sure to select one first, see above): show collections; Show all functions that can be used w...

Comment changes

During a review, user has the possibility to add comments to explain his point of view. There is several kind of comments Comment a file : The yellow symbol allow user to add comment on entire file Line comment : Click the line number to comment it Word selection : The last option i...

Component states - Dynamic user-interface

Suppose we want to have the following behaviour - We have a heading (say h3 element) and on clicking it, we want it to become an input box so that we can modify heading name. React makes this highly simple and intuitive using component states and if else statements. (Code explanation below) // I ha...

stuff for comma separated in sql server

FOR XML PATH and STUFF to concatenate the multiple rows into a single row: select distinct t1.id, STUFF( (SELECT ', ' + convert(varchar(10), t2.date, 120) FROM yourtable t2 where t1.id = t2.id FOR XML PATH ('')) , 1,...

Page 42 of 65

logo rip
SUPPORT & PARTNERS
STAY CONNECTED

Get monthly updates about new articles, cheatsheets, and tricks.