Ankur Vyas AnkurVyas-BTC
🎯
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import BigComponent from '../components/BigComponent'; | |
| class MainComponent extends React.Component { | |
| render() { | |
| return <BigComponent/>; | |
| } | |
| } |
AnkurVyas-BTC
/ breaking_lsp.rb
Created
March 23, 2019 08:18
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class HomoHabilis < Human | |
| def talk | |
| 'Agrrr!' | |
| end | |
| def height | |
| '1.29m' | |
| end | |
| def social_security_number |
AnkurVyas-BTC
/ liskov_substitution_example.rb
Created
March 23, 2019 08:10
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # parent class (main) | |
| class Human | |
| def talk | |
| '' | |
| end | |
| def height | |
| '' | |
| end | |
| end |
AnkurVyas-BTC
/ import_material_ui_react.js
Last active
May 21, 2018 14:34
Import material UI components
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // app/javascript/components/MaterialComponentList.js | |
| import React from "react"; | |
| import PropTypes from "prop-types"; | |
| import TextField from '@material-ui/core/TextField'; | |
| import Button from '@material-ui/core/Button'; | |
| import AppBar from '@material-ui/core/AppBar'; | |
| import IconButton from '@material-ui/core/IconButton'; | |
| import Toolbar from '@material-ui/core/Toolbar'; | |
| import MenuIcon from '@material-ui/icons/Menu'; |
AnkurVyas-BTC
/ react_component_flights_form.jsx
Last active
August 31, 2021 18:27
A React Component Form for flights booking
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { Component, PropTypes } from 'react'; | |
| import { Button } from 'react-bootstrap'; | |
| import { Form, FieldArray, FormSection, Fields, SubmissionError } from 'redux-form'; | |
| import { intlShape, injectIntl, FormattedMessage } from 'react-intl'; | |
| import moment from 'moment'; | |
| import { isEqual, omit, functions } from 'lodash'; | |
| import FlightField from '../fields/flight_field'; | |
| import { connectWidgetForm } from './utils'; | |
| import messages from './flights_form.messages'; |
AnkurVyas-BTC
/ react_component_for_user_listing_and_filtering.jsx
Created
May 8, 2018 07:17
A React Component which handles User Listing and Filtering based on User Inputs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import PropTypes from "prop-types"; | |
| import Users from "./Users"; | |
| import Pagination from "../Pagination"; // Common pagination component | |
| import CreateUserCard from "./CreateUserCard"; | |
| import FilterUser from "./FilterUser"; | |
| import Loader from '../Loader'; // Common Loader component | |
| class Index extends React.Component { | |
| constructor(props) { |
AnkurVyas-BTC
/ React_Chart_Component.jsx
Last active
May 8, 2018 07:27
A React Component to display PieChart/ Column Chart or Table based on props from parent component!
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import ReactChartkick, { ColumnChart, PieChart } from 'react-chartkick'; // ReactChartkick library for charts | |
| import Chart from 'chart.js'; | |
| import NoData from '../NoData'; // When the component don't have any data we create a commom component | |
| ReactChartkick.addAdapter(Chart); | |
| class AnalyticsChart extends React.Component { | |
| constructor(props) { | |
| super(); |
AnkurVyas-BTC
/ react_rails_webpack_home_index.html.erb
Created
March 18, 2018 07:47
Contents of home/index.html.erb file
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <%= react_component 'GreetUser', name: 'Ankur' %> |
AnkurVyas-BTC
/ react_rails_webpack_greet_user.js
Last active
March 18, 2018 07:43
Content of Greet User component
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Path : app/javascript/components/GreetUser.js | |
| import React from "react"; | |
| import PropTypes from "prop-types"; | |
| class GreetUser extends React.Component { | |
| render () { | |
| return ( | |
| <div> | |
| <h1>Hello {this.props.name}, </h1> |
AnkurVyas-BTC
/ react_rails_webpack_application.html.erb
Created
March 18, 2018 07:31
Contents of layouts/application.html.erb
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Path: app/views/layouts/application.html.erb --> | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>RailsReactWebpacker</title> | |
| <%= csrf_meta_tags %> | |
| <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> | |
| <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> | |
| <!-- Following will make the react components availabe to our layout --> |