How to import cdbreact components to typescript projects

Amin Gholamisani — Wed, 29 Jun 2022 08:51:05 +0000

CDBReact is one of the popular packages that updated recently and you can use it to have many reusable components for react such as Navbar, Sidebar, etc.
But if you want to have Typescript components, you will see an type error when you want to import the components:

Could not find a declaration file for module 'cdbreact'. 'C:/node_modules/cdbreact/dist/index.js' implicitly has an 'any' type.
Try npm i --save-dev @types/cdbreact if it exists or add a new declaration (.d.ts) file containing declare module 'cdbreact';

This error is because cdbreact don't have type declaration yet and you need to import this in another way like this:

const cdbreact = require('cdbreact');  
const { CDBBtN, CDBBox } = cdbreact;

Now you can see it works without any error.
Enjoy!

Frontend Interview questions I had with a Norwegian Startup

Amin Gholamisani — Wed, 30 Mar 2022 13:23:25 +0000

I had the chance to apply for a Norwegian startup in the frontend developer position. Javascript, React, CSS, and API were important parts for them and they didn't mention years of experience in their job description.
After apply I received a link to book time for have a 15 minutes interview. It was a short technical interview which I needed to answer questions in a short way. They could filter candidates with this interview and I believe it is a very useful way.
You can see the questions down below:

Difference between var, let, and const
Describe map and reduce array methods
Difference between regular functions and arrow functions
Do you have experience in CSS Native variables?
How do you center something vertically with flexbox?
Overall difference between React components and functional components and how you manage state in them?
Explain virtual Dom
Explain the concept of two-way data binding
Difference between Promises and async-await in error handling
How could you handle this situation: response to an API request has over 1000 results! (The answer is Pagination)
How do you authenticate in APIs?
Do you know what is Tree shaking in tools like Webpack?
Do you have experience with frontend testing frameworks?
Your branching strategy in Git, describe it
Do you have experience deploying in DevOps platforms?
Do you know what is CI/CD?
Do you prefer to hand-code your CSS or prefer to use libraries?
Do you prefer a specific IDE?
Do you prefer Tabs or spaces? :)

Also after this meeting, they sent feedback with some useful links which could sharpen my skills!
I liked the interview process and wanted to share it with you. Hope you like it.

Forem: Amin Gholamisani

How to import cdbreact components to typescript projects

Frontend Interview questions I had with a Norwegian Startup