DEV Community: bronxsystem

Material ui themeing Typoography

bronxsystem — Wed, 11 Nov 2020 03:58:14 +0000

Hey all I have been trying to add a default margin bottom to all my typography. Struggling I dont understand the documentation.

const theme = createMuiTheme({
  typography: {
    subtitle1: {
      fontSize: 12,
    },
    body1: {
      fontWeight: 500,
    },
    button: {
      fontStyle: 'italic',
    },
  },
});

I tried writing

const theme = createMuiTheme({
  h1: {
   marginBottom: "20px" 
  },
});

its not working :(

how to learn websockets react

bronxsystem — Mon, 09 Nov 2020 02:34:35 +0000

I want to learn about websockets and how to work with this in react. How did you all learn is there a recommended book or course?

Order of events and script js

bronxsystem — Thu, 05 Nov 2020 08:32:12 +0000

I tried googling the answer but having trouble wording it.
I had a test today that asked me what would be the sequence for the following items.

I can only remember

Onload
DOMcontentloaded
script in head
script after body

Is there a word for this i wasnt sure what to search.

or a book someone recommends?

Context API preventing rerenders?

bronxsystem — Mon, 21 Sep 2020 00:51:26 +0000

Hello All,

I am no react wizard and would appreciate some help please. I have tried googling but the answers arent exactly what I need or bit cryptic to me.

Using the context api. I have one function that calculates a value and a functional component to display the value. The functional component uses the useContext hook to get access to state and functions.

Do i simple using react.memo inside where the calculate function is or do i useMemo hook in the component? not sure how context api works with this.

appState where I have my functions I export provider with values added as object

return (
    <AppContext.Provider
      value={{
        output: state.output,
      }}
    >
      {props.children}
    </AppContext.Provider>
  );
};
export default CalcState;

because the values are in an object does that mean i have to use useCallback?

creating own flexbox grid help

bronxsystem — Thu, 10 Sep 2020 08:03:39 +0000

trying to create own flexbox grid but for some reason cant get the sizes right.

    $class: "span";

  @for $i from 1 through 12{
    .#{$class}-#{$i}{
             flex-basis: calc(#{$i}/12 * 100%);

  }

looks like this

i need to add margins but its not letting me use this.



         flex-basis: calc(((#{$i}/12 * 100%) + (#{$i} * 20px)));

large video for website

bronxsystem — Tue, 08 Sep 2020 01:38:43 +0000

Hello all,

I have a large video file that I want to use as a video blackground for a website. I was thinking should I upload to streaming service and then link that as background?

AWS Cognito simpler register form?

bronxsystem — Thu, 03 Sep 2020 07:39:37 +0000

Hello All,

I am working on implementing a register account option using aws cognito on my website. Is it possible to just have a form on my landing page and not have users go to that seperate create account page?

Would be so much cleaner if I could just have email and register button on landing page that registers the user. Currently user click register takes them to the create account page.

can anyone point me in right direction?

Deploying react and node.js?

bronxsystem — Mon, 17 Aug 2020 01:43:15 +0000

I am bit confused about deploying my react/node app. I have a domain that I purchased but not sure how to deploy. cPanel can host react apps but not sure about node =/

I want to automate website actions.

bronxsystem — Tue, 11 Aug 2020 11:30:20 +0000

I am learning C# and thought would be a fun project to build a bot or a tool that automates website actions such as login in or clicking something or auto reply.
Any tutorials or books someone can please share with me? Not sure where to start.

C# basic indexer question

bronxsystem — Tue, 04 Aug 2020 07:13:40 +0000

Learning C# and this is bit embarrassing but I wanted to make sure I understand everything and not skip over things I do not understand.

is the line with the following code initializing "Roles" as a property on an instance of the Employee Class?

 public Employee() => Roles = new ProjectRoles();

        class ProjectRoles
        {
            readonly Dictionary<int, string> roles = new Dictionary<int, string>();
            public string this[int projectId]
            {
                get
                {
                    if (!roles.TryGetValue(projectId, out string role))
                        throw new Exception("Project ID not found!");

                    return role;
                }

                set
                {
                    roles[projectId] = value;
                }
            }
        }

        class Employee { 
            public int EmployeeId { get; set; } 
            public string FirstName { get; set; } 
            public string LastName { get; set; } 
            public ProjectRoles Roles { get; private set; } 
            public Employee() => Roles = new ProjectRoles(); 
}

    }

Probably painfully obvious to you but I just wanted to confirm thank you.

React performance affected by nested component constructor call?

bronxsystem — Sun, 02 Aug 2020 23:43:41 +0000

Hell all,

Does performing the conditional render logic in the render method affect performance?
Because if i do the condition render logic outside the component it will not call the nested components constructor.

Example:
Page
item text="data"
item text="data"
item text=""
Page

inside page component conditional logic {data && <item text="data"}

basically if this item has data it will render else it wont. So if no data being passed the item constructor will not be called.

This is standard however I prefer to put the conditional check inside my component like this:

inside item component
render(){
if(!props.text){
return null
}
return div{props.text}div
}

This will however call the constructor and life cycle methods of List component. I want to do it this way because it makes the component more reusable and dont have to keep writing the conditional rendering logic outside the component.

Will it be a big performance hit?
I am aware of ShouldComponentUpdate however the first render may be slow right?

Not setting colour model for image?

bronxsystem — Mon, 20 Jul 2020 23:09:24 +0000

I do not know much about colour profiles or models, hoping someone can point me in right direction.

I need a image with an unspecified colour model/icc profile.

Tried using photoshop but the default is RGB. Any ideas?

I need this for an app im testing.