Daniel Zuzevich DZuz14

DZuz14 / Slider.js

Last active October 4, 2018 11:13

Slider With Images and currentIndex state

	import React, { Component } from 'react'
	import Slide from '../slide'
	import LeftArrow from '../left-arrow'
	import RightArrow from '../right-arrow'

	export default class Slider extends Component {
	constructor(props) {
	super(props)

	this.state = {

DZuz14 / Slider.js

Last active October 4, 2018 11:19

Mapping Over Images in Slider

	import React, { Component } from 'react'
	import Slide from '../slide'
	import LeftArrow from '../left-arrow'
	import RightArrow from '../right-arrow'

	export default class Slider extends Component {
	constructor(props) {
	super(props)

	this.state = {

DZuz14 / Slide.js

Last active October 4, 2018 11:21

Setting Background Image on Slide

	import React from 'react'

	const Slide = ({ image }) => {
	const styles = {
	backgroundImage: `url(${image})`,
	backgroundSize: 'cover',
	backgroundRepeat: 'no-repeat',
	backgroundPosition: '50% 60%'
	}
	return <div className="slide" style={styles}></div>

DZuz14 / Slider.js

Last active October 4, 2018 11:20

Slider Wrapper

	import React, { Component } from 'react'
	import Slide from '../slide'
	import LeftArrow from '../left-arrow'
	import RightArrow from '../right-arrow'

	export default class Slider extends Component {
	constructor(props) {
	super(props)

	this.state = {

DZuz14 / Slider.js

Last active October 4, 2018 11:20

Incrementing currentIndex

	import React, { Component } from 'react'
	import Slide from '../slide'
	import LeftArrow from '../left-arrow'
	import RightArrow from '../right-arrow'

	export default class Slider extends Component {
	constructor(props) {
	super(props)

	this.state = {

DZuz14 / Slider.js

Last active February 7, 2020 18:42

Slide Width Calculation

	import React, { Component } from 'react'
	import Slide from '../slide'
	import LeftArrow from '../left-arrow'
	import RightArrow from '../right-arrow'

	export default class Slider extends Component {
	constructor(props) {
	super(props)

	this.state = {

DZuz14 / currencies.js

Created August 12, 2018 13:08

Currencies

DZuz14 / MarkdownPage.js

Created August 23, 2018 23:09

Temp Fix For Edit This Page On ReactJs.org

	{markdownRemark.fields.slug && (
	<div css={{marginTop: 80}}>
	<a
	css={sharedStyles.articleLayout.editLink}
	href={`https://github.com/reactjs/reactjs.org/tree/master/content/${
	markdownRemark.fields.slug.replace('.html', '.md')
	}`}>
	Edit this page
	</a>
	</div>

DZuz14 / example.js

Last active December 18, 2018 15:55

Real App.js Example

	import React, { Component } from 'react'
	import Header from '~/components/header'
	import Footer from '~/components/footer'

	import Login from './login'
	import Portfolio from '~/components/portfolio'

	import { Switch, Route, Redirect } from 'react-router-dom'
	import { ROOT_APP_URL } from '~/constants'

DZuz14 / async.js

Last active January 15, 2019 16:40

Async Await Promises

	function someCoolPromise() {
	return new Promise((resolve, reject) => {
	// You can do anything you want in here for as long as you want.
	// Then just call the resolve function when you are ready.

	for(let i = 0;i < 10000; i++) {
	// weeeee
	}

	resolve({