misselliev

FCC: Personal portfolio

A Pen by Ellie V on CodePen.

License.

misselliev

RSPEC CAPYBARA PSQL ROR CONFIG

A Ruby on Rails configuration for RSpec Capybara testing with a postgres database.

Create app

Postgres, and skip test files:

rails new capyspecpsql -d postgres -T

misselliev

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

misselliev

Contents:

• Part 1: 🗺️ Netlify Edge
• Part 2: ⚒️ Netlify Build
• Part 3: 👩🏼‍💻 Netlify Dev
• Part 4: 🗒️ Netlify Forms
• Part 5: 🆔 Netlify Identity
• Part 6: ✍️ NetlifyCMS
• Part 7: ➕ Netlify Addons: Everything Else!
• Part 8: 🍻 Netlify API

misselliev

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

misselliev

Trying to deploy from a inner folder to gh-pages, you must have the transpiled assets in the desired directory.

If you want to deploy from the dist folder you should commit it to gh-pages branch.

• Run this git subtree push --prefix dist origin gh-pages
• In the GitHub project Settings, down to Github Pages, and in Source branch select: gh-pages.

That's it

misselliev

import React from 'react';
import { connect } from 'react-redux';
import Book from '../components/Book';
import { removeBook } from '../actions';

const filtering = (books, filterRes) => (filterRes === 'All' ? books : books.filter(book => book.category === filterRes));

const BookList = ({ books, filter }) => (
  <div>
    {filtering(books, filter).map(book => (

misselliev

import React from 'react';
import { useDispatch, useSelector, shallowEqual } from 'react-redux';
import Book from '../components/Book';
import { removeBook } from '../actions';

const filtering = (books, filterRes) => (filterRes === 'All' ? books : books.filter(book => book.category === filterRes));

export default BookList = () => {
  const books = useSelector(state => state.books, shallowEqual) || [];
  const filter = useSelector(state => state.filter) || {};

misselliev

import React from 'react';
import PropTypes from 'prop-types';

interface BannerProps {
    BannerImg: string;
    AltImg: string;
}
const Banner: React.FC<BannerProps> = ({ BannerImg, AltImg }) => {
    return (
        <div>

misselliev

import React from 'react';

const Menubar: React.FC = () => {
    return (
        <div className="container mx-auto">
            <nav className="flex justify-between p-8 items-center mb-16">
                <a href="#" className="font-sans text-black md:text-white text-sm md:text-4xl font-thin">
                    The 1975 - NOACF
                </a>
                <ul className="list-reset flex">