In this tutorial, we are going to learn about how to get the length of a Vector in Rust language. The length of a vector means the total number of elements present in a given vector. In Rust, vectors are used to store the data of same datatype. Getting the vector length To get the length of a vector, we can use the built in len() method in Rust. Here is an example, that gets the length of a vector stored in the price variable. let mut price = vec![4, 5, 6, 7]; println!("Length is: {}", price.len()) Output: Length is 4 ..read more

In this tutorial, we are going to learn about how to concatenate the arrays in Ruby with the help of examples. Concatenation means the joining of two or more arrays into a single array. Consider, we have the following two arrays: prices = [3, 4, 5] fruits = ["apple", "bananna", "grapes"] Now, we need to join above two arrays like this: [3, 4, 5, "apple", "bananna", "grapes"] Using the plus ”+” operator To concatenate the two arrays into a single array, we can use the plus operator + in Ruby. Here is an example: prices = [3, 4, 5] fruits = ["apple", "bananna", "grapes"] result = prices ..read more

In this tutorial, we are going to learn about how to sort a vector in R language with the help of examples. To sort a vector in R language, we can use the built-in sort() function. The sort() function takes the vector as an argument and returns the sorted items in ascending order for strings it will return alphabetical order. Here is an example, that sorts the vector of numbers in ascending order : # vector of numbers prices = c(5, 3, 6, 2) result = sort(prices) print(result) Output: [1] 2 3 5 6 In the example above, we have sorted the vector of numbers in ascending order. To sort a vec ..read more

In this tutorial, we are going to learn about how to add images and background images in the react app with the help of examples. Adding images to components In react components, we can import images just like JavaScript modules where webpack includes that image file in a bundle and returns the final path of an image. Example: App.js import React from 'react'; import car from './images/car.jpg'; // gives image path function App(){ return( <div> <img src={car} alt="this is car image" /> </div> ) } export default App; To reduce network re ..read more

In the last tutorial, we have seen how to make http requests in vuejs using vue-resource, In this tutorial, we are going to learn about interceptors in vue.js. Interceptors Interceptors help us to pre or post-processing a request, it means we can modify the requests before it sent to the server or we can modify the responses coming back from the request. Interceptors are defined globally. Intercepting a request We are using vue-resource http client package for intercepting requests in vuejs. Example: main.js import Vue from "vue"; import App from "./App.vue"; import VueResource from 'vue-res ..read more

In this tutorial, we are going to learn about how to set a focus to a input element when a component is rendered into the dom. If we open a Google.com the input element is focused automatically and we can start typing without any button click. Let’s learn how we can do it in react apps. In react, we have the ComponentDidMount() lifecycle method where it runs when a component is mounted to the dom tree. The ComponentDidMount() method is the best place to set a focus on the input element. Let’s see an example: App.js import React,{Component} from 'react'; class App extends Component { compo ..read more

In this tutorial, we are going to learn about how to access the elements from a Vector in R with the help of examples. A vector is a collection of elements that are of same data type. To combine the list of elements in vector we can use the c() function in R. The c() function takes the list of elements that are strings or numbers , etc as an arguments and create a vector. Here is an example, a vector of strings: # vector of strings fruits = c("apple", "bannana", "grapes") # print the vector fruits Accessing the elements from a Vector To access the individual elements from a vector, we can ..read more

In this tutorial, we are going to learn about how to use string.delete in Ruby with the help of examples. The string.delete method in ruby helps us to delete the specified characters from a string and returns the new string without deleted characters. Using string.delete method string.delete "character_list" The string.delete method accepts one argument which is character_list where we need to specify what characters we need to remove from a given string. Here is an example: str = "hamburger" # it deletes the characters ham from the given string result = str.delete "ham" puts result Out ..read more

In this tutorial, we are going to learn about how to call a parent component method from the child component in React. Consider, we have two new components Parent, Child and we need to call Parent component method changeName() from the Child component. Parent Component Parent.js import React, { Component } from 'react'; import Child from './Child'; class Parent extends Component { state = { name: "Gowtham" } changeName = ()=>{ this.setState({ name: "James" }) } render() { return ( <div> <Child name={this.state.name}/> </div ..read more

In this tutorial, we are going to learn about how to change the text color on click in React with the help of an example. Consider, we have the following component in our react app: import React from 'react'; function Home(){ return ( <div> <h1>Welcome to my blog</h1> </div> ) } export default Home; To change the text color on click in React, add the onClick event handler and change the text color of an element conditionally whenever it’s clicked using the state variable. Here is an example: import React, { useState } from "react ..read more