View multiple-form.js
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 { useState } from "react"; | |
import { useForm } from "react-hook-form"; | |
function MyForm() { | |
const { register, handleSubmit } = useForm({ | |
defaultValues: { | |
title: "", | |
description: "" | |
} | |
}); |
View _descriptors.json
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
[ | |
{ | |
"type":"Component", | |
"id":"ImageAndText", | |
"label":"Image and Text", | |
"internal":false, | |
"isGlobal":false, | |
"allowNestedComponents":true, | |
"description":"Image and Text Row", | |
"attributes":{ |
View _descriptors.json
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
[{"type":"Component","id":"ImageAndText","label":"Image and Text","internal":false,"isGlobal":false,"allowNestedComponents":true,"description":"Image and Text Row","attributes":{"image":{"type":"Image","label":"Image","url":{"type":"String","label":"URL","default":""},"altText":{"type":"String","label":"Alt text","default":""}},"title":{"type":"String","label":"Title","default":""},"description":{"type":"String","label":"Description","default":""},"ctaText":{"type":"String","label":"Button text","default":""},"ctaLink":{"type":"String","label":"Button link","default":""},"boxes":{"type":"Array","label":"box","default":[],"allowNestedComponents":true,"children":{"type":"Shape","default":{},"children":{"title":{"type":"String","label":"box title","default":"box"}}}},"buttons":{"label":"my button","type":"Array","default":{},"allowNestedComponents":false,"children":{"type":"Shape","default":{},"children":{"buttonTitle":{"type":"String","label":"box title","default":""}}}}}},{"type":"Component","id":"RichText","l |
View arrays-polyfill.js
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
// reduce | |
Object.defineProperty(Array.prototype, 'myReduce', { | |
value: function(fn, initial) { | |
let values = this; | |
values.forEach((item, idx) => { | |
initial = fn(initial, item, idx) | |
}) | |
return initial; |
View combined-drivers-solution.js
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
function getMilliseconds(date) { | |
const [hourse, minute] = date.split(':') | |
return hourse*60*60 + minute*60 | |
} | |
function sortingFn (a, z) { | |
return getMilliseconds(a[0]) - getMilliseconds(z[0]) | |
} | |
function combinedDrivers(city1, city2) { |
View hunts-for-forbidden-nesting.css
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
:not(figure) > figcaption, | |
:not(fieldset) > legend, | |
:not(dl) > :is(dt, dd), | |
:not(tr) > :is(td, th), | |
:not(select) > :is(option, optgroup), | |
:not(table) > :is(thead, tfoot, tbody, tr, colgroup, caption) { | |
outline: 2px dotted red; | |
} |
View building-a-blog-with-next-js-pages-blog-slug.jsx
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
// file: pages/blog/[slug].js | |
import React from "react"; | |
function BlogPostPage(props) { | |
return ( | |
<div> | |
<h1>{props.blog.title}</h1> | |
<section dangerouslySetInnerHTML={{ __html: props.blog.content }}></section> | |
</div> | |
); |
View building-a-blog-with-next-js-pages-index.jsx
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 Link from "next/link"; | |
function IndexPage(props) { | |
return ( | |
<div> | |
<h1>Blog list</h1> | |
<ul> | |
{props.blogs.map((blog, idx) => { | |
return ( |
View animate.css
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
@charset "UTF-8"; | |
/*! | |
* animate.css -https://daneden.github.io/animate.css/ | |
* Version - 3.7.2 | |
* Licensed under the MIT license - http://opensource.org/licenses/MIT | |
* | |
* Copyright (c) 2019 Daniel Eden | |
*/ |
NewerOlder