srdjanRakic

InPlayer Paywall

inplayer.com

---

Paywall v2 Staging url: https://event.inplayer.com/staging/?asset=49074

Paywall v2 Live url: https://event.inplayer.com/?asset=49074

srdjanRakic

// imports whole library
import { Label, Input, TextArea } from '@inplayer-org/inplayer-ui';
 
// imports whole library too
// because the *src/index.js* from the library imports/exports Label component
import { Label } from '@inplayer-org/inplayer-ui';
 
// imports Label as standalone component
// without import whole library
import Label from '@inplayer-org/inplayer-ui/lib/Label';;

srdjanRakic

// Assuming A through D are all regular React component declarations...
// components/A.js
export default function A() {
  return <div>Hello, World!</div>
}

// Use React.lazy to create a dynamically loaded version of the component
// components/index.js
export const A = React.lazy(() => import(/* webpackChunkName: "top" */ "./A"));
export const B = React.lazy(() => import(/* webpackChunkName: "top" */ "./B"));

srdjanRakic

Type	Title	About	Project or url	Env
e.g. Bug report	e.g. Login Issue	e.g. Unable to login	e.g Merchant Panel	e.g. Staging

srdjanRakic

EXPECTED BEHAVIOR

What's the behavior you're expecting to see?

ACTUAL BEHAVIOR

What's actually happening instead?

STEPS TO REPRODUCE

srdjanRakic

List all node_modules found in a Directory:

First, let's take a look at ALL the node_modules we have in a directory, before we actually start deleting them!

Mac / Linux:

cd documents
find . -name "node_modules" -type d -prune -print | xargs du -chs

srdjanRakic

Build a Quiz App with HTML, CSS, and JavaScript

1. Create and Style the Home Page

Create the home page along with a good chunk of the necessary CSS.

I encourage you all to take a look at Emmet snippets for generating HTML and CSS.

srdjanRakic

useState:

Persist value between renders, trigger re-render.

useRef:

Persist value between renders, no re-render.

useEffect:

Side effects that run after render.

useReducer:

useState in reducer pattern.

useMemo:

Memoize value between renders.

srdjanRakic

useState: Persist value between renders, trigger re-render useRef: Persist value between renders, no re-render useEffect: Side effects that run after render useReducer: useState in reducer pattern useMemo: Memoize value between renders useCallback: Persist ref equality between renders

srdjanRakic

const object = { id: 123, names: { first: 'Srdjan', last: 'Rakic' }};

// With lodash's `_.get`:
const firstName = _.get(object, 'names.first'); // -> 'Srdjan'
const middleName = _.get(object, 'names.middle' : '(no middle name)'); // -> '(no middle name)'

// with optional chaining and nullish coalescing: 
const firstName = object?.names?.first ?? '(no first name)'; // -> 'Srdjan'
const middleName = object?.names?.middle ?? '(no middle name)'; // -> '(no middle name)'