richarddprasad

import React from 'react';
import './App.css';

const App: React.FC = (): JSX.Element => {
  return (
    <div className="App">
      Hi
    </div>
  );
}

richarddprasad

import React from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = (): JSX.Element => {
  return (

richarddprasad

import React from 'react';
import './App.css';

interface IAppOwnProps {
  username: string | undefined;
  userType: 'admin' | 'moderator' | 'user' | 'guest';
}

const App: React.FC<IAppOwnProps> = ({userType, username}): JSX.Element => {
  return (

richarddprasad

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App userType='admin' username='h4x0r' />, document.getElementById('root'));

serviceWorker.unregister();

richarddprasad

      const [message, setMessage] = useState<string>('');
      
      ...
      
      <input
        type='text'
        placeholder='Enter your message here'
        value={message}
        onChange={handleTextChange}
      />

richarddprasad

  import React, { useState, ChangeEvent } from 'react';
  
  ...
  
  const handleTextChange = (event: ChangeEvent<HTMLInputElement>): void => {
    setMessage(event.target.value);
  };

richarddprasad

import React from 'react';

interface IUserListOwnProps {

}

export const UserList: React.FC<IUserListOwnProps> = (): JSX.Element => {
    return (
        <div>
            UserList

richarddprasad

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import './index.css';
import App from './App';
import { UserList } from './UserList';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(
    <BrowserRouter>

richarddprasad

import React from 'react';
import { Link } from 'react-router-dom';
import styled from 'styled-components';

const CenterContent = styled.div`
    text-align: center;
`;

interface IUserListOwnProps {

richarddprasad

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import { rootReducer } from './RootReducer';

export const store = createStore(rootReducer, compose(
    applyMiddleware(thunk),
    ((window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ && (window as any).__REDUX_DEVTOOLS_EXTENSION__()) || compose
));