#Day 34 Part 1 Styling with Vanilla CSS
novalidate validates diredtly in the form. like when creating an email address and making sure the user has a @ .com characters before they even sugmit anything margin pushes outwards padding pushes inwards#Part One 2nd Half Gets Crazy With Vanilla CSS
input[type] input[type="value"] input[class="prices"] the first selects an attribute the 2nd selects and attribute with a value 3rd selects class attribute and its specific class
#Part 2: 301 UI Challenge (Sprites)
#CSSfile #validated-input { border: 1px solid grey; border-radius: 0; padding: 1.75vw; }
#validate-input:focus { outline:none }
.container { width: 80%; margin: 4vw }
.container label { dislplay: block; font-weight: bold; padding: 2vw 0; }
#input-error { visibility: hidden position: absolute; font-size: 2vw; right: -68%; }
#validated-input:not(:placeholder-shown):invalid { this allows us to show a red border on the placeholder if the usre input is incorrect border: 3px; }
#part 3 Styling in Redux/Jsx/React material-ui-next.com component demos and stuff that really cool to play with
##################COMBINING REDUCERS NOTES#################### #packages uglifyjs-webpack-plugin : objuscation minification. takes in files like fonts/mp3 etc and adds it into our bucket
url-loader : does the same thing but for smaller files. Provides a URL that's base64 encoded.
jest Mocha: test realm
enzyme: specific assursion library directly working with react and redux
#31 PART 3 Watch part 3 to learn more about web-pack config file #Day 33 Lab Notes Part 2 -Vinicio Dispatch updates the Redux Store through requests of functions and store responses indeiractly to dispatch
req, res next ==> store, next, action
redux allowa the dev to control what responses are dipatched once the request is successfully made form the dipatch to the redux store
console.group() console.info() console.end()
renderIf : is like a validation method; only rendering if there is content/value and not undefined or null
expenses file holds the Id's
categories holds Id, title and timestamp as a key value pair within an array.
the expense holds the ID
DISPATCHING holds the type, payload, timestamp, title, id_ payload: holds the time stamp, title and STATE holds expenses and caregories as key value pairs the expenses hold the unique Id categories same content as dispatch i think
NEXT_STATE holds expenses and categories as keyvalue pairs the expenses contain an object ID categories hold title, id and time stamp in one object #MONDAY March 5, 2018 CREATE UPPDATE DELETE Working Working on category form file handling submit to create the budget AND category/items instead of one or the other