Code Monkey home page Code Monkey logo

dynamicformreact's Introduction

React Cloud Application

React Web Application

How the Application Setup

This application is created using Create React App as a Starter Template with Typescript

npx create-react-app dynamic-form --template typescript

Setup

git clone https://github.com/theRizwan/ReactTest.git

Usage

  • npm start or yarn start
  • npm run lint or yarn lint
  • npm run test or yarn test

Documentation

Repo

  • main: Production Environment
  • dev: Development Environment
  • staging: For Demo to client
  • qa: Testing Environment
  • Bugs: Folder/Prefix for fixes
  • Features: Folder/Prefix for any other tasks/user stories

Branch Naming

S<Sprint number>-TOP<User story number>-<Short Name>
S1-TOP-1-Login-Page

Create a branch If it is a Bug,

  1. git checkout dev - Make sure you are in dev branch
  2. git checkout -b Bugs/S3-TOP-25-Input-Fix - Create a branch under Bugs folder

If it is a Feature,

  1. git checkout dev - Make sure you are in dev branch
  2. git checkout -b Features/S3-TOP-25-Input - Create a branch under Bugs folder

Git Commiting

Do not commit any reproducible file like package-lock.json

Use an imperative tone to describe what a commit does, rather than what it did. For example, use change; not changed or changes.

This format is optional.

  • feat: a new feature
  • fix: a bug fix
  • docs: changes to documentation
  • style: formatting, missing semi colons, etc; no code change
  • refactor: refactoring production code
  • test: adding tests, refactoring test; no production code change
  • chore: updating build tasks, package manager configs, etc; no production code change

Examples

git commit -m "feat: Add Login component"
git commit -m "chore: Add a new package"

Source Code Folder Structure

- .storybook/
- src/
    - components/
        - stories/
        - Component_1/
        - Component_2/
    - assets/
    - screens/
    - services/
    - utils/

Components

import React from "react";

// Libraries

// Components

// Services

// Utils

// Images 

const Example: React.FunctionComponent = () => <h1>Toptech</h1>;
export default Example;

User Story Template

Estimates: 1 point is estimated as 4 hours


As a I want to so that I can

Acceptance criteria

Given When Then


Tools and Platforms

Authors

License

MIT

dynamicformreact's People

Contributors

therizwan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.