shlomitc

import React from 'react';
import {findDOMNode} from 'react-dom';
import css from './App.scss';
import HTML5Backend from 'react-dnd-html5-backend';
import {DragDropContext, DragSource, DropTarget} from 'react-dnd';


//PHASE

class Phase extends React.Component {

shlomitc

import React from 'react';
import Modal from 'wix-style-react/Modal';
import Button from 'wix-style-react/Button';
import {MessageBoxFunctionalLayout} from 'wix-style-react/MessageBox';

class ModalExample extends React.Component {
  state = {open: false};

  handleToggleModal = () => this.setState({open: !this.state.open});

shlomitc

Components APIs - Composition vs. Wrapping

The Task:

Create a preview component for social links:

The component should be created on top of existing components in the library. Consider the following components:

1. Text - represnets text in different combinations

shlomitc

  <style
    dangerouslySetInnerHTML={{
      __html: `
      .my-class {
        color: red;
      }
    }}
  ></style>