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”

Reactive Core architecture for React Native and React applications – KuraLabs Engineering

Reactive Core architecture for React Native and #ReactJS applications:  #JavaScript

  • Reactive Core architecture for React Native and React applicationsWhen it comes to develop an application that needs a mobile app and a web app, there is always a struggle in the matter of what is the right approach to take.
  • Nevertheless, even though these frameworks solve code reuse between mobile platforms the problem to reuse functionality with a web application remains.This article proposes an architecture “Reactive Core Architecture” that allows to have just one code base for the logic and keep the native UI and the web UI separated, maximizing code reuse and maintaining consistency across platforms.Some of the advantages are consistency, code maintainability, testing gets easier and performance is high.
  • React Native is used for the mobile application and React is used for the web application.Redux “is a predictable state container for JavaScript apps”, that means the whole state of the application is stored in an object tree.
  • Code reuse is done via this module.The mobile app: Implemented as a standard React Native application, using containers and components.The web application: Implemented as a standard React application, using containers and components.Each module will live in its own repository, with the core as a git submodule in both applications.Let’s take a look to the architecture diagram:Consists on a basic Redux structure, meaning you have a folder for the actions and a folder for the reducers.root├── actions└── reducersThis is the most important module to make the Reactive Core Architecture possible.
  • Since each reducer handles an specific part of the application state, it makes easier for the core module to scale for larger and more complex applications.The mobile app and the web app.Both the React Native app and the React app, use components and containers concepts.

When it comes to develop an application that needs a mobile app and a web app, there is always a struggle in the matter of what is the right approach to take. You can build a web app and a native…
Continue reading “Reactive Core architecture for React Native and React applications – KuraLabs Engineering”