Create React Native Elements Website about react-native-elements HOT 47 CLOSED

@Monte9 I am very sorry for the delay. I was down with health issues. Now back.
You can have a preview of the website here- https://bozzmob.github.io/react-native-elements

I am cleaning up the code/md. Will send a pull request by today EOD.

// @dabit3

from react-native-elements.

@dabit3 Awesome! I'll come up with a basic blueprint soon 👍
And, this is one of the best set of RN-elements/UI I have used or found. Well done guys for maintaining it and developing it.

from react-native-elements.

Sent you a test email.

from react-native-elements.

Why not use these components on the website?
It would be just self explaining! And cool!
So you can start with web compatibility.

from react-native-elements.

@dabit3 great components. Not sure if you are looking for any help on the website. Let me know if i can contribute.

from react-native-elements.

@nak1b Hey thanks so much! Yes, I would absolutely love some help with this! I'm thinking of a main page with an overview with some type of side bar to link to each specific component! I'm also open to ideas if you have any examples of sites with good docs you like :) Thanks!

from react-native-elements.

@dabit3 i like vuejs api guide. The sidebar is not very visually appealing but we can work on that. But there docs are easily readable. Also lodash has great documentation.

Do you have any other sites in mind?

from react-native-elements.

@nak1b Totally feeling the Vue.js website for sure! What do you think would be the best first steps here? I already have the domain, reactnativeelements.com ..

from react-native-elements.

@dabit3 i guess if you could create repo for the project and base structure we can start working on it from there.

from react-native-elements.

Cool. Just set up a repo for the site at https://github.com/dabit3/react-native-elements-website and will get to working on a base for us to begin adding to! @nak1b Thanks again for helping out with this, hopefully once we get going some others will join as well :)

from react-native-elements.

cool let me know when the base is ready.

from react-native-elements.

@dabit3 I would also like to be a part of this. Let me know if I can contribute.

from react-native-elements.

@nak1b @sahilthakral23 Thanks so much. I'm in the process of building out the basic home page and an example of what I think would look pretty good as a way to represent the api. Once I'm finished with the basic layout I would love some feedback about how to improve the look and design and once we come to an agreement we can go forward with adding the elements to the menu!

from react-native-elements.

Any news about the website? @dabit3

from react-native-elements.

@dabit3 @Monte9 I can take this up and come up with a website. Let me know.

from react-native-elements.

@bozzmob I haven't been a part of this project but from the discussion above, it looks like Nader was thinking something along the lines of the vue.js website.

If you wanna get started with it, I am sure @nak1b @sahilthakral23 @benjaminb10 would like to pitch in as well.

from react-native-elements.

@bozzmob Yes you're welcome to get something started with something if you have the chance! @Monte9 and myself can answer any questions, and if @nak1b @sahilthakral23 and @benjaminb10 may still be interested then once you have a blueprint / basic prototype up you can probably get some contributions.

from react-native-elements.

@bozzmob Awesome! Glad you like using it, it's been a pleasure to work on.

from react-native-elements.

@Monte9 @dabit3 @bozzmob I'm here to help ;)

from react-native-elements.

@bozzmob any updates?

from react-native-elements.

@bozzmob @Monte9 Looking really nice!

from react-native-elements.

@dabit3 I am unable to create a pull request. The branch is 'gh-pages' which doesn't exist in the main repo but exists on my fork. Please can you add me as a collaborator to this project, so that I can easily setup the website?

from react-native-elements.

@bozzmob Hope you are feeling better now. The website looks amazing! GJ!

Is it possible for you to create a simple ToDo List for things that are still needed to be done before the website goes live? There are a few folks here that are willing to help out if needed.

from react-native-elements.

@Monte9 Yes. I'm feeling better now. Thanks.
Happy to know the website looks good.
Yes I'll add a README on how to edit it, run it locally, build it and publish it.
Also will add To Do list.

from react-native-elements.

@dabit3 It would be easy to test on gh-pages branch for me without affecting the flow of the master. Would like to deploy the site and then make changes as we need. Please can you add me as collaborator?

from react-native-elements.

@bozzmob sure thing, I'll add you right away!

from react-native-elements.

@dabit3 I have merged the code. Need to add README and enhance few things still. But, you need to enable pages in github repo settings. I don't have access to it, since I'm not a member I guess. Please can you do it? Point the github pages to 'gh-pages' branch.

I'll do the enhancements and add README, steps on how to edit, etc., today.

from react-native-elements.

@bozzmob I believe I have access to the settings. I can take care of this for you today. Will ping you once it's done.

from react-native-elements.

@Monte9 sure. let me know.

from react-native-elements.

@bozzmob Can you share your email with me so that I can reach out to you? Thanks.

from react-native-elements.

In an effort to streamline all RNE issues such that it is easier to get to solutions faster/ submit a new issue we have decided to close any enhancement/roadmap features as "issues".

@bozzmob is currently working on this PR. Feel free to reach out to him if you would like to help out.

Also you can track the status of this feature and all other roadmap features here.

from react-native-elements.

@camillo777 It could be nice but would require lot of effort for setting it up. Maybe could be something we can look at in the next version of the site.

from react-native-elements.

i can help with this too, i have some backend knowledge also if needed, ping me for any help.

from react-native-elements.

@yeknava thanks for offering. We are using MKDocs to generate the website using the Readme.md

It's already live. You can check it out here: https://react-native-training.github.io/react-native-elements/

With that being said, I am curious to know what you think about it? If you could refactor it to make it friendlier & easier to read for beginners, how would you do it?

from react-native-elements.

@Monte9 its fine for this version, for UX reasons i think API menu should be open by default and by scrolling i like to see left menu change its active item, also if site uses full of screen in width it will be better in my eyes.
later we can use react native web to let user work with components on doc.

from react-native-elements.

from react-native-elements.

@camillo777 yes your right, our plan is once release is merge we will change the home page to be more website friendly

from react-native-elements.

@camillo777 @yeknava That's great feedback! Thanks.

Do you both wanna help us make the website awesome 💯 ?

from react-native-elements.

Yes sure, I would be pleased to help!
Camillo

from react-native-elements.

Awesome @camillo777.

I'll put together a list of "good first task" TODO list for the website. Will add it here once I do so.

from react-native-elements.

Hi. I have uploaded a video of mobile rendering on Android it seems there is some layer missing on the menu header; it should not scroll the background :

https://youtu.be/Sbt0JC2GJVo

And I would advice that, on mobile, tapping out of the menu would automatically close the menu without have to click on the arrow.
With big screen phone it is annoying to go from right edge to left edge of the phone.

from react-native-elements.

@camillo777 great catch but I think it truly belongs to be reported here https://github.com/squidfunk/mkdocs-material we are using mkdocs material theme. We did not customize it yet

from react-native-elements.

@Monte9 sure

from react-native-elements.

from react-native-elements.

Take a look at v0.11.0 that has all the latest code. Once you clone it locally and install all the requirements.

pip install mkdocs mkdocs-material pymdown-extensions

You can run it locally using mkdocs serve feel free to make any PRs to v0.11.0 branch

from react-native-elements.

@camillo777 @yeknava This is prob a good place to start:

1. Refactor readme to link directly to the docs and get rid of all the API stuff from the readme.
2. Updating docs folder with latest readme changes
3. UI polish
4. Other enchantments?

Also, as @binoy14 pointed out, branch off of v0.11.0 and submit a PR to v0.11.0 as well.

from react-native-elements.

I have got an answer for the mkdocs-material theme:

"As written, sadly the scroll-through is not fixable. However, I provided a fix for the unresponsive overlay which was fixed with #264 and is now in master. Can you test it? I can only test on the Android emulator and it may not be accurate enough."

And There should be a new release fixing some layer stuff:

"Fixed and released in 1.5.4"

from react-native-elements.