Working with Git Submodules

  • The ‘url’ gives the repository URL link for the respective submodules using which Git clones the project.
  • The two sample submodules are ‘SampleModule1’ with URL and ‘SampleModule2’ with URL start by initializing a Git repository for SampleProject, to do this we use the command in the terminal:

    git init

    2)We’ll create a SampleFile for initial commit using any text editor and commit the file using the command:

    git add.

  • We have the details for the submodule above, using that we’ll integrate those repositories into our project as one of the subdirectories:

    git submodule add git submodule add 3.

  • a)Now both the submodules are added to your project, if we check the repository tracking status in SampleProject directory using ‘git status’, we’ll get the following output:

    git status

    Here three files are created ‘.

  • git/modules/

    “Commands Quoted From try removing the SubModule1Local from our project:

    git submodule deinit SubModule1Local

    My project folder now looks like,

    -Working in Submodule: You can directly work in the repository of the submodule by changing the current working directory to the subdirectory of the submodule.

Working with Git is great. The modern version control system that boosts a distributed architecture has much to offer when compared to many of
Continue reading “Working with Git Submodules”

#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS

#React Tutorials - Day 2 - Environment Setup by @pankajmalhan30 cc @CsharpCorner  #ReactJS

  • Create React App

    After installing the React global packages now run “create-react-app reactapp” command, this command will create a React project and name this project as “reactapp”.

  • Now you are in root directory of the project again run the “npm start” command this command run the React project on “3000” port.
  • Now, run the command “dotnet new React“

    This command creates a template project for React Application.

  • Using Webpack and Babel

    So far we set up the React Environment set up using the npm and Visual Studio 2017 SPA templates.

  • Now we will focus on the Webpack and babel to setup the React project.

In this article you will learn about Environment Setup in React.
Continue reading “#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS”

#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS

#React Tutorials - Day 2 - Environment Setup by @pankajmalhan30 cc @CsharpCorner  #ReactJS

  • Create React App

    After installing the React global packages now run “create-react-app reactapp” command, this command will create a React project and name this project as “reactapp”.

  • Now you are in root directory of the project again run the “npm start” command this command run the React project on “3000” port.
  • Now, run the command “dotnet new React“

    This command creates a template project for React Application.

  • Using Webpack and Babel

    So far we set up the React Environment set up using the npm and Visual Studio 2017 SPA templates.

  • Now we will focus on the Webpack and babel to setup the React project.

In this article you will learn about Environment Setup in React.
Continue reading “#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS”

Task 5 – Opening our react-native app in Android emulator #javascript

Task 5 - Opening our react-native app in Android emulator  #javascript

  • Task 5 – Opening our react-native app in Android emulatorIn the previous task we have set up Android studio and its virtual device emulator.Now, lets open the react-native ‘momentz4ever’ app that we initialized/scaffolded in Task # 3 in the Android emulator.If you don’t have it open, open the command prompt with Administrator privileges and change the current working folder to the react-native project folder cd the react-native cli’s command run-android to for react-native to compile, build and open the app on the connected Android run-androidWith the above command, React-native will start building the android project/app.
  • It will also open up another command window where the packaging of the app will be triggered.
  • (If you get an error during the build like below, close the project in Android Studio and delete the debug folder from the path shown in the error: – react-native run-android command again.If everything goes fine, you should see app installed and opened up on the emulator with the Welcome screen that was scaffolded for us by the react-native init command when we created the project.Cool, now in the text task, we will setup and configure our project to use Typescript.

Now, lets open the react-native ‘momentz4ever’ app that we initialized/scaffolded in Task # 3 in the Android emulator. If you don’t have it open, open the command prompt with Administrator privileges…
Continue reading “Task 5 – Opening our react-native app in Android emulator #javascript”

Converting a React App to React Native – Gwendolyn Faraday – Medium

Converting a React App to React Native  #reactnative #react #reactjs

  • Converting a React App to React NativeI have been working on a lot of mobile projects lately — including Cordova, PhoneGap, React Native, some Ionic and Swift — but I have to say, React Native is by far the best experience in mobile development I have had so far.
  • It shares the same workflow as a React application for the web which is pretty easy to reason about and find where things are quickly.Now I am building an app to gamify recycling in Indiana.
  • Since the web app is in React, I figured it would be easier to build the Native version in iOS and Android at the same time using React Native.Here are some mockups to give you an idea.
  • (I changed the menu from the right side to the left side after this)Setting Up the React Native AppWhere React Native outdoes React is on it’s simple set up for apps.
  • That was pretty quick and easy —I just installed a few modules and wrote a minimal amount of code.List ViewsMost of the components I made I was able to copy from my web app and just update the UI.For this app, I have an ever-growing array of various characters that I wanted to display in a scrollable list on mobile.

I have been working on a lot of mobile projects lately — including Cordova, PhoneGap, React Native, some Ionic and Swift — but I have to say, React Native is by far the best experience in mobile…
Continue reading “Converting a React App to React Native – Gwendolyn Faraday – Medium”

React Universal with Next.js: Server-side React

#ReactJS Universal with #NextJS: Server-side React

  • /pages/index.js // Import React import React from ‘react’ // Export an anonymous arrow function // which returns the template export default () => (

    This is just so easy!

  • import React from ‘react’ import Head from ‘next/head’ import axios from ‘axios’; export default class extends React.
  • Our index page does not implement this performance related feature in details page.
  • /pages/details.js import React from ‘react’ // Import Link from next import Link from ‘next/link’ export default () => (

    Coming soon. . .!

The term “universal” is a community-coined term for building web apps that render happily on a server. You might be familiar with “isomorphic” as…
Continue reading “React Universal with Next.js: Server-side React”

Fullstack React: create-react-app

What is Create React App and how do I use it?  Day 12 of 🎄 30 Days of React 🎄   #reactjs

  • Lets create a new app well call 30days using the create-react-app command we just installed.
  • With create-react-app installed globally, well be able to use the create-react-app command anywhere in our terminal.
  • Open a Terminal window in a directory where you want to create your app.
  • In terminal, we can create a new React application using the command and adding a name to the app we want to create.
  • The package is released as a Node Package and can be installed using npm .

Today, we’re going to add a build process to store common build actions so we can easily develop and deploy our applications.
Continue reading “Fullstack React: create-react-app”